Personal website
2023-04-27
1 准备工作
1.1 R studio,Git desktop,Github
- 下载R
- 下载R studio
- 下载Git desktop
- 注册github
- 下载hugo
2 创建网站
- 在建好的项目中安装
blogdown包
install.packages('blogdown')
library(blogdown)- hugo提供了许多模板,选择喜欢的模板,点击
download跳转到github
Figure 2.1: 模板主题
- 复制github地址中的
user/hugoname即为theme,如https://github.com/wowchemy/starter-hugo-academic对应的theme为wowchemy/starter-hugo-academic,使用theme创建网站
new_site(theme='wowchemy/starter-hugo-academic')3 上传R项目到github
- 打开github desktop,
File-add local repo-选择R项目文件夹-commit-fetch
Figure 3.1: 上传项目至github
Figure 3.2: 上传项目至github
- 打开github可以看到项目内容已成功上传
Figure 3.3: 上传项目至github
4 使用netlify创建网站
- 用github账号登录netlify
Add new site-Import an existing project-Github-deploy
Figure 4.1: deploy网站
- 更改
site settings,change site name可以更改网站名
Figure 4.2: 更改site设置
- 点击网站名即可跳转到建好的网站
Figure 4.3: 网站建好啦!
- 复制网站名,打开R studio项目文件,找到
config.yaml,更改baseURL为复制好的网站名
Figure 4.4: 最后一步也完成啦!
5 What’s next
- 网站基本搭建之后,就可以使用R studio对网站内容进行个性化设置,具体教程可参见:
- blogdown 教程
- 如果使用的是wowchemy的网站模板,可以参见wowchemy教程
- 每次修改之后都需要使用github desktop进行更新,具体操作和之前一样,打开
github desktop-commit-fetch - github的更新会自动关联到Netlify的网站更新