1 准备工作

1.1 R studio,Git desktop,Github

1.2 创建仓库和R项目

  • github创建新仓库
创建github仓库

Figure 1.1: 创建github仓库

  • 复制仓库URL
复制仓库URL

Figure 1.2: 复制仓库URL

  • 创建和Github连接的R项目:R studio-File-New project-Version control-Git
创建和Github连接的R项目

Figure 1.3: 创建和Github连接的R项目

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')

2.1 预览网站

  • 使用serve_site()预览网站
serve_site()#预览网站
stop_server()#停止预览

2.2 检查与设置

check_gitignore()
check_content()
  • 根据TODO建议,在右下角Files查看当前项目路径中的文件,打开gitignore,加入
.DS_Store
Thumbs.db
/public
/resources

3 上传R项目到github

  • 打开github desktop, File-add local repo-选择R项目文件夹-commit-fetch
上传项目至github

Figure 3.1: 上传项目至github

上传项目至github

Figure 3.2: 上传项目至github

  • 打开github可以看到项目内容已成功上传
上传项目至github

Figure 3.3: 上传项目至github

4 使用netlify创建网站

  • 用github账号登录netlify
  • Add new site-Import an existing project-Github-deploy
deploy网站

Figure 4.1: deploy网站

  • 更改site settings,change site name可以更改网站名
更改site设置

Figure 4.2: 更改site设置

  • 点击网站名即可跳转到建好的网站
网站建好啦!

Figure 4.3: 网站建好啦!

  • 复制网站名,打开R studio项目文件,找到config.yaml,更改baseURL为复制好的网站名
最后一步也完成啦!

Figure 4.4: 最后一步也完成啦!

5 What’s next

  • 网站基本搭建之后,就可以使用R studio对网站内容进行个性化设置,具体教程可参见:
  • 每次修改之后都需要使用github desktop进行更新,具体操作和之前一样,打开github desktop-commit-fetch
  • github的更新会自动关联到Netlify的网站更新