本站构建之路
王哲峰 / 2022-02-27
目录
早在 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 仓库
- 在 GitHub 上新建一个仓库,并在仓库中初始化一个
README.md
文件, 但不要添加.gitignore
文件(一会再处理) - 克隆仓库到本地
2.创建项目
- 在 RStudio 中创建一个新项目
- 使用
blogdown
创建一个带有 Hugo Ivy 主题的网站项目
> blogdown::new_site(theme = "yihui/hugo-ivy")
- 启动 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 部署
- 注册、登录 Netlify
- 导入 GitHub 仓库 wangzhefeng.github.io
- 点击部署
8.1.2 设置私有域名
- 腾讯域名: wangzhefeng.com
8.2 Vercel
8.2.1 部署
- 注册、登录 Vercel
- 导入 GitHub 仓库 wangzhefeng.github.io
- 点击部署
8.2.2 设置私有域名
- 腾讯域名: wangzhefeng.com