博客搭建——blogdown之md

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】

NewProject

适当选择自己的要求即可,点击【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、发布新帖

  1. 方法一:将原有的.md.Rmd拷贝粘贴,改一下标题和内容即可;
  2. 方法二:在RSudio代码窗口点击 Addins- New Post, 按提示填写即可。
    • 写完以后,保存,运行建站函数blogdown::build_site() 。这样文件发生变化,github客服端自动检测,只需要你填写【Change】下面的summary和Description,点击提交给master,再次同步到github(点击Fetch origin) 完成,netlify自动同步github的内容 进入你的博客网站可以看到有了新变化

9、添加disqus评论功能(科学上网)

  1. 注册登录disqus ,点击头像 –settings —Add Disqus To site–[GET STARTED]—–I want to install Disqus on my site ——输入刚刚的网站 :qaz.netlify.com

  2. 找到安装disqus,有很多图标,但是没有hugo,因此选择 下面I don’t see my platform listed, install manually with Universal Code 即可–不用管 直接configure—-配置网站地址,点击下一步到最后

  3. 注意:一定要找对 shortname ,在网显示为: Your website shortname is ********

  4. 在rstudio,刚刚的博客配置config.toml中有一个disqusShortname填上你的名字

    以及添加:baseurl = "http://qaz.netlify.com"

    运行建站函数:blogdown::build_site(local=FALSE)再次同步

10 、大功告成 一个带有评论的博客,如需要自己的模板,折腾吧


次;