logo

本站构建之路

王哲峰 / 2022-02-27

目录

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

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

软件/知识

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.评论功能

5.页面自定义

6.部署前检查

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 设置私有域名

8.2 Vercel

8.2.1 部署

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

8.2.2 设置私有域名

9.最终效果

参考资料