博客搭建过程

🕓2017年03月21日 · ☕2 分钟
🏷️
  • #R
  • 在“我网故我在”的召唤下,我使用 R 语言blogdown 包1GitHubPages 在一小时内搭建了本博客。搭建过程分为三个步骤:编辑网站文件、创建 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 中敲入如下代码2

    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 解析服务),添加如下三条记录:3

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

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