R语言搭建炫酷的线上博客系统

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/kMD8d5R/article/details/82754968

640?wx_fmt=gif

作者简介Introduction

徐静 硕士研究生、算法工程师 兴趣方向:统计机器学习,深度学习,模型的线上化部署、网络爬虫,前端可视化。

 个人博客:https://dataxujing.github.io/


市面上有很多开源的博客搭建系统比如jekyll (我的个人博客就是用jekyll搭建的),hugo等。去年的时候想给我家闺女做一个记录其成长轨迹的博客,就使用了Rblogdown去完成的。如果你是R语言用户,那么恭喜你,你可以完全通过R语言搭建自己的博客或者网站了。Blogdown包是YiHui Xie等开发的可以调用Hugo主题的基于Rstudio的快速搭建个人博客系统的优质R包,说明文档详实: https://bookdown.org/yihui/blogdown/。我们下面会介绍基于Blogdown 、 hugo 、 netlify 、 github完全基于Rsudio搭建一个炫酷的博客系统并部署。让我们愉快的开始吧.

1.开始前的准备

首先我么要安装R,Rstudio(如果你的Rstudio已经N年没有更新了,建议你更新你的Rstudio,因为下面的一些操作可能比较老的Rstudio版本是没有的), 有了这些之后,你需要安装必要的包:

blogdown的安装

CRAN

install.packages("blogdown")

GitHub

if (!requireNamespace("devtools")) install.packages("devtools") devtools::install_github("rstudio/blogdown")

hugo安装与更新

blogdown::installhugo() blogdown::updatehugo()

查看安装hugo的版本

blogdown::hugoversion() ``` 当你安装好这些R包,然后运行 blogdown::newsite()没有报错,我们就可以进行下一步的操作了。


2.Rstudio线下编辑博客系统

配置需要的环境后,我们可以通过Rstudio来生成blog了:

第一步:初始化一个Rblogdown项目

打开Rstudio->File->New Project->New Directory 进入如下操作

640?wx_fmt=png

如图选择Website using blogdown创建一个R项目(如果看不到这个选项,请升级你的Rstudio) 进而

640?wx_fmt=png

注意上述过程也可以通过R命令来实现:blogdown::new_site(theme = "xxx"),xxx代表你要使用的hugo主题,hugo主题可以在https://themes.gohugo.io/中获得,这里有你想要的各种主题,你可以直接下载,拷贝到你项目中的themes文件中。

第二步:运行初始化的Rblogdown

运行完第一步之后,你会在你的Rstudio中看到项目文件的列表:

640?wx_fmt=png

  • config.toml: 这是你的博客的配置文件,对于你博客的一些全局信息可以在这里修改和配置

  • content文件夹: 这里存放了我要Post的R markdown 文档和其他你要Post的markdown文档

  • index.Rmd: 最终生成index.html

  • public文件夹:最终博客生成的html文件和一些静态资源文件会放在这里

  • static: blogdown需要的一些静态资源文件,像css文件,js文件,图片,视频等均属于静态资源文件

  • themes: hugo主题,blogdown引入的hugo主题会下载到这个文件夹,同时你可以把你想要的hugo主题考到这个文件夹中供blogdown引用

第三步:在Rstudio中运行博客系统

在Console中输入:blogdown::serve_site()就可以正常启动你的博客系统了:

640?wx_fmt=png

在Rstudio的Viewer中会显示运行的博客,如下图所示:

640?wx_fmt=png

wow, 我们的博客出来了,但是问题来了,我怎么样通过R markdown Post到我的博客,因为我要更新我的博客内容,我们下一步要解决的问题就是删除模板中提供的博客内容,增加自己的Post的R markdown博文。

第四步:Post我的Rmd博文

我们在第二步中说过,content文件夹中的内容就是我们要Post的内容,因此我们只需删除掉content->post文件夹下的文件就可以了,同时我们也可以把about.md文件换成自己的about内容。清空之后我们就可以按照下面面方式Post我们自己的博文了:

640?wx_fmt=png

tools->Addins->blogdown New Post->Excute就可以新建一个Post的Rmd文档,如下图所示:

640?wx_fmt=png

填写好内容后,点击Done按钮即可在Post的问价夹看到生成的Rmd文档,你就可以编辑了,如下所示:

640?wx_fmt=png

640?wx_fmt=png

最终生成的博客就编程了你自己想要的。

640?wx_fmt=png

第五步: 修改Hugo主题,让他变的更炫酷,更属于自己

上面四步我们使用了基本的Hugo主题,如果我想换一些博客Hugo主题怎么办呢?其实这个问题我已经在上面中提到了,你需要修稿config文件和theme文件夹中的内容,比如你可以修稿config文件来修改你博客的结构和替换主题,theme文件夹中的主题可以在Hugo官方的主题网站中下载然后通过配置文件调用。

这里提供一个我之前做的一个博客的效果:

到这里为止,使用blogdown搭建了自己的博客系统,我们下一步需要做的是要把我们的博客部署到 netlify。


3.部署

对于blogdown的部署,提供了如下几种部署的办法:Netlify,Updog,GithubPages,GitlabPages等。我们选择其中一种部署办法就OK了,这里介绍blogdown部署到Netlify

首先我们要把第2节中的项目托管到GitHub(这个过程比较简单,这里直接跳过)

然后需要注册登录Netlify(https://app.netlify.com/signup),可以直接通过GitHub账号登录,然后按照如下所示的过程,进行部署就OK了。

点击 New site from git 

640?wx_fmt=png

点击GitHub 

640?wx_fmt=png

搜索GitHub中项目的名称 

640?wx_fmt=png

填写部署的相关信息并点击部署 

640?wx_fmt=png

部署完成的界面 

640?wx_fmt=png

这样就部署完你的项目了,Netlify会提供一个免费的域名给你例如我部署的项目:https://nuannuan.netlify.com/。 最后如果你想Post新的内容到你的博客,直接可以Post到GitHub对应的项目中就OK了,非常方便。当然你也可以替换成自己的域名。

4.小结

我们通过blogdown包和Hugo可以完全基于Rstudio搭建一套自己的博客系统,并通过Netlify和GitHub部署到公网环境。这样我们就有自己的博客了。



大家都在看

2017年R语言发展报告(国内)

精心整理 | R语言中文社区历史文章合集(作者篇)

精心整理 | R语言中文社区历史文章整理(类型篇)


640?wx_fmt=jpeg

公众号后台回复关键字即可学习

回复 爬虫            爬虫三大案例实战  
回复 
Python       1小时破冰入门

回复 数据挖掘     R语言入门及数据挖掘
回复 
人工智能     三个月入门人工智能
回复 数据分析师  数据分析师成长之路 
回复 机器学习      机器学习的商业应用
回复 数据科学      数据科学实战
回复 常用算法      常用数据挖掘算法

阅读更多

没有更多推荐了,返回首页