1、下载安装、配置好R与Rstudio
2、打开Rstudio—-下载blogdown包
if(!require(devtools)) install.packages('devtools')
devtools::install_github('rstudio/blogdown')
等待安装,缺什么安装什么,
3、在rstudio中安装hugo软件,只需运行下面函数即可
blogdown::install_hugo()
注意:他会自动安装hugo软件,不过很小,10m一下,找到下载的hugo.exe文件路径,把他添加到电脑的环境变量中,不然后面会出错,软件可以随便放位置,切记加入环境变量中
4、创建测试网站
- 可用命令blogdown::new_site(),
- 在rstudio中的左上角点击【file】–【New Project】—【Website using blogdown】
适当选择自己的要求即可,点击【Create Project】创建完成,此时已经自动创建好了博客,
5、创建完成
在刚刚所在目录【E:\test_blog】下面有很多文件,其他的可以不用管,可以找到一个config.tom配置文件,更改与你相关的信息,添加relativeurls =true
保存(意思是引用想对路径),也可以不用暂时不用管这个,毕竟我们只是了解创建博客步骤,但是还是请你留意两个文件content\
和public\
,content\
用来写文章的文件,暂时还没有public\
文件夹,这个是把content\
文件夹下面的文章转变为html博客文章
6、运行blogdown:::serve_site()
博客创建完成.
- 也可以点击【adds】–【serve_site】,rstudio右边会有本地浏览
7、发布到网上
- 创建github和netlify网站的账号,下载git客服端,以及github客服端,可能有相关配置,配置好即可
- 打开github客服端,点击【file】–【Create a new repository】添加仓库地址即我们刚刚的创建博客的地址,选择
E\test_blog
,选择子目录和父目录都不可以,只能选择他,填写相关Name 和 Description完成即可,可以勾选 …..a README,创建完成 - 初次可以看到History里面有我们刚刚的文件 ,点击Publish repository,弹出对话框,有一个Name,这个是要上传给github仓库的名字,它自动创建为test_blog,也有描述内容,注意他勾选了一个
Keep this code private
,这个要点取消,最后一步点击【Publish repository】,等待完成 - 上github官网,查看你的仓库,已经有一个test_blog仓库
- 进入netlify官网 ,点击【New site from Git】—【github】(取消勾选下面的LImit Github……..)–选择刚刚的test_blog仓库—在显示Publish directory 的地方如数public—最后点击部署,等待完成
- 找到部署完成以后会有个绿色的网站,我的是:https://thirsty-hawking-274891.netlify.com,点击进入,就是我们部署的博客了,
- 网站名太难记,可以改名,改为自己喜欢的民资,只能改netlify的前面的地方,我改为:qaz.netlify.com
8、发布新帖
- 方法一:将原有的
.md
或.Rmd
拷贝粘贴,改一下标题和内容即可; - 方法二:在RSudio代码窗口点击 Addins- New Post, 按提示填写即可。
- 写完以后,保存,运行建站函数
blogdown::build_site()
。这样文件发生变化,github客服端自动检测,只需要你填写【Change】下面的summary和Description,点击提交给master,再次同步到github(点击Fetch origin) 完成,netlify自动同步github的内容 进入你的博客网站可以看到有了新变化
- 写完以后,保存,运行建站函数
9、添加disqus评论功能(科学上网)
注册登录disqus ,点击头像 –settings —Add Disqus To site–[GET STARTED]—–I want to install Disqus on my site ——输入刚刚的网站 :qaz.netlify.com
找到安装disqus,有很多图标,但是没有hugo,因此选择 下面I don’t see my platform listed, install manually with Universal Code 即可–不用管 直接configure—-配置网站地址,点击下一步到最后
注意:一定要找对 shortname ,在网显示为: Your website shortname is
********
在rstudio,刚刚的博客配置config.toml中有一个disqusShortname填上你的名字
以及添加:
baseurl = "http://qaz.netlify.com"
运行建站函数:
blogdown::build_site(local=FALSE)
再次同步