Wangzf's Doc
post 2022-02-27 Blog

本站构建之路

早在 2016 年左右，我就一直在研究 R 相关的包构建 Blog。 之前使用过 Hexo，部署在 GitHub Pages 上，但之后断断续续删了重建。 后来就没有投入太多的精力搞这个，把各种内容写在了本地， 有些存储在 GitHub 代码仓库中.

后来慢慢发现了 R 包 blogdown，重新激起我建站的动力， 经过断断续续的折腾，2022.02.27 终于连上了 Internet，不容易啊，慢慢维护

软件/知识

  • R
  • RStudio IDE
  • blogdown
  • Hugo
  • Markdown
  • R Markdown
  • Github
  • Netlify
  • Vercel
  • Disqus
  • Utterances

1.创建 GitHub 仓库

  1. 在 GitHub 上新建一个仓库，并在仓库中初始化一个 README.md 文件， 但不要添加 .gitignore 文件(一会再处理)
  2. 克隆仓库到本地

2.创建项目

  1. 在 RStudio 中创建一个新项目
  2. 使用 blogdown 创建一个带有 Hugo Ivy 主题的网站项目
> blogdown::new_site(theme = "yihui/hugo-ivy")
  1. 启动 blogdown 的本地服务器
blogdown::serve_site()

3.新建文章

blogdown::new_post(title = "Hi Hugo", 
                   ext = ".md",
                   subdir = "post")

4.评论功能

  • Disqus
  • Utterances

5.页面自定义

  • HTML
  • CSS
  • JS
  • Markdown
  • R
  • R Markdown
  • Hugo
  • blogdown

6.部署前检查

  • 检查 .gitignore 文件
blogdown::check_gitignore()
  • 检查内容
blogdown::check_content()

7.提交代码到 GitHub

file.edit(".gitignore")

在 .gitignore 中添加以下内容:

.Rproj.user
.Rhistory
.RData
.Ruserdata
.DS_Store
Thumbs.db

8.部署

8.1 Netlify

8.1.1 部署

  1. 注册、登录 Netlify
  2. 导入 GitHub 仓库 wangzhefeng.github.io
  3. 点击部署

8.1.2 设置私有域名

  • 腾讯域名: wangzhefeng.com

8.2 Vercel

8.2.1 部署

  1. 注册、登录 Vercel
  2. 导入 GitHub 仓库 wangzhefeng.github.io
  3. 点击部署

8.2.2 设置私有域名

  • 腾讯域名: wangzhefeng.com

9.最终效果

参考资料