微笑如酒 / R / R语言搭建炫酷的线上博客系统

0 0

   

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

2018-09-21  微笑如酒

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

 个人博客: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 进入如下操作

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

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

第二步:运行初始化的Rblogdown

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

  • 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()就可以正常启动你的博客系统了:

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

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

第四步:Post我的Rmd博文

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

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

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

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

第五步: 修改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 

点击GitHub 

搜索GitHub中项目的名称 

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

部署完成的界面 

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

4.小结

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

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。如发现有害或侵权内容,请点击这里 或 拨打24小时举报电话:4000070609 与我们联系。

    猜你喜欢

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多
    喜欢该文的人也喜欢 更多