博客搭建过程

March 21, 2017

在“我网故我在”的召唤下，我使用 R 语言的 blogdown 包¹ 和 GitHubPages 在一小时内搭建了本博客。搭建过程分为三个步骤：编辑网站文件、创建 GitHub Pages 仓库、域名绑定。

编辑网站文件

首先需要编写网站文件，也就是一堆 HTML、JS、CSS 文件。益辉的 blogdown 让静态网站文件编写简单到了一条 R 语句。在编辑网站文件之前，最好用 RStudio 新建一个空的项目文件夹，便于文件管理。在 R 中敲入如下代码

# 安装blogdown包
devtools::install_github('rstudio/blogdown') 

setwd(path) # path为新建的项目文件夹路径
# 或者直接用rstudio打开*.Rproj文件

# 创建网站文件
blogdown::new_site() # 默认主题 theme = "yihui/hugo-lithium"

# > sessionInfo() # R语言系统环境
# R version 3.3.2 (2016-10-31)
# Platform: x86_64-apple-darwin13.4.0 (64-bit)
# Running under: macOS Sierra 10.12.3

创建GitHub Pages仓库

登录自己的 github 主页（例如我的主页 https://github.com/shichenxie，其中shichenxie为我的 github 账号），新建名为shichenxie.github.io的项目仓库 (repository)。

然后将 blogdown 创建的 public 文件夹上传到 github pages 文件夹中。在 terminal 中敲入如下代码²

cd path # path为public文件地址

git init # 初始化git
git remote add origin git@github.com:shichenxie/shichenxie.github.io.git # shichenxie 为我的用户名

git add -A # git中添加所有文件
git commit -m 'init site' # commit
git push -u origin master # push

绑定域名

首先在 public 文件夹添加名为 CNAME 的文件（无任何后缀名），然后用文本编辑器打开，写入网站域名 (我的网站域名为 shichen.name)。上传 CNAME 文件到 github 之后，打开shichenxie.github.io自动定位到shichen.name，但是并不能显示网站内容，需要设置 DNS 解析。

我的网站域名是从阿里云购买的，阿里云提供了的云解析 DNS 服务(也可从 GoDaddy 购买，从 DNSPOD 获取 DNS 解析服务)，添加如下三条记录：³

@        A        192.30.252.153
@        A        192.30.252.154
www      CNAME    username.github.io.

最后在浏览器中打开 shichen.name，铛铛… 个人网站上线了。