专栏首页庄闪闪的R语言手册R沟通|使用 Blogdown 构建个人博客

R沟通|使用 Blogdown 构建个人博客

简介

你是不是特别想创建一个自己的私人博客?以及为什么要使用 blogdown 搭建博客?难度是不是很大,和其他搭建博客而言有什么优点?

在小编使用过一段时间后,个人认为 blogdown 搭建博客的优势在于,将 Rmarkdown 与 hugo 相结合,再加上 github 和一个可以部署的网站。你可以轻松的将一篇篇 Rmarkdown 的文章自动上传上去。而 Rmarkdown 的优势在于,你的代码结果都可以轻松呈现。而不是“复制粘贴”结果!

如果你还不会Rmarkdown,那请你先看看文末为你提供的Rmarkdown学习大礼包,结合b站视频学习效果更佳,有疑问可以在公众号提问,小编愿意为你解答。

本文是小编在学习和使用中记录的一个非常详细的笔记,主要参考:谢益辉的《blogdown: Creating Websites with R Markdown》[1],王诗翔的b站直播视频[2](公众号:优雅R小编)以及一些YouTube视频教程[3]。见一下最后的结果demo:

入门教程

安装

首先你需要安装 blogdown 包

install.packages("blogdown")

注意:我们的操作是在 Rstudio下进行操作的。

创建

安装完后,新建一个新的 Project(File-New project),然后选择New Directory。之后鼠标滑到底部,找到 Website using blogdown 并点击进入。

创建新的项目

此时进入一下界面,项目名称建议使用英文,目录自行选择。默认情况下 Hugo theme 是谢益辉的模板,这里我将其进行拓展,使用了另一个个人比较喜欢的主题:Fastbyte01/KeepIt,左下角勾选打开新的session。

注意:为了保证整个演示流程的完整性,小编将其他主题选择教程放到文末作为附加内容。请大家注意我这个演示的逻辑,以免越学越糊涂。并且该教程也是小编在前段时间反复试错得到的。

新建界面时的设置

新建后的界面如下,右下角给出了整个项目的文件,其中圈起来的最为关键,我们稍后介绍,先编译下这个初始的 blogdown。

image-20210719145533256

  • 编译

选择 Tool - addins(windows 更方便找到)然后选择以下按钮。

addins 插件

稍等片刻,这时就可以得到最为原始博客模板啦!

如果你做到这,恭喜你!基本已经会 1/3 了!没错就是这么简单。

模板修改

不同的模板修改起来是不一样的,但是原理类似,如果你知道一些 html 的知识,那可能会更好。如果不会,就慢慢改咯!

使用技巧:改一个地方,报错下,右下角viewer会自动编译,你可以根据变化看看是不是你想要的结果(“笨”方法)。

这里以我这个模板为例子:主要修改的是 config.yaml 文件,首先将其打开,得到的界面如下:

config.yaml 文件

主要改的是title(4行),subtitle(84行),这时候保存下该文件,右下角即可快速得到以下界面:

本地网站

如果你想修改这个头像,可以在该 yaml 文件的第 34 行找到代码 avatar: /images/me/avatar.jpeg。此时从桌面打开该文件夹,更换该 jpeg 文件即可,例如:

修改图片

此时如果界面没有更新(可能是 bug),你可以运行一下代码,类似重启一下:

blogdown::stop_server()
blogdown:::serve_site()

修改后的 blog

此时大功告成啦!其他创建新的博客,内部版式修改啥的,内容很多,我们下期在细讲,记得关注我的公众号,干货奉上。

将项目与 github 相连

本地博客基本构建完毕,接下来我们要讲其连接到自己的 github 上,再部署到免费的网站上。

首先先将该文件夹上传到自己的 github 上,你可以使用 Git,但是小编表示不大熟,所以就使用按钮式操作的桌面版本 github 了。

注意:如果你第一次使用 github,以及还没下载 GitHub 桌面版本的小白。你可以通过百度搜索,简单学习下。这里我就不做介绍了(我也不是很会,就不班门弄斧了)

  • github 桌面版本操作

连接本地的文件夹(zss),按照下面的图片操作。

连接本地文件夹

之后如果出现一下界面,可以按照我做的操作:点击蓝色字

跳转到这里的界面,这个将是线上github仓库的名字啥的设置。写好后,就可以创建新的仓库了。

之后将创建好的仓库publish上去。记得将其Keep this code private 的勾取消了(变成公开的仓库)。

publish仓库

  • 查看是否上传

这时候你可以去网上自己的GitHub确认下,是否有这个仓库,我的如下。

确认上传完毕

这时候本地的项目和 github 已经连接好啦!

恭喜你,这时候你已经回了2/3啦!马上就可以拥有自己的私人网站啦!

使用 Netify 部署网站

这里我使用的Netify:https://app.netlify.com。当然你也可以使用其他方式进行部署,具体可见 Creating Websites with R Markdown 的第三章节[4]

首先是注册啦,之后将其与 github 相连接,进入以下界面:

点击新建一个 site 来自 Git,之后跟着步骤往下做。点击左下角的 Github,之后选择刚才我们创建的那个仓库(zss)。

之后根据下面的界面进行部署网站。

部署网站

这时候,部署需要一些时间,得到下面的界面,你可以通过 Site settings 修改自己的网站名(这里不做演示,很简单)。

等待结果

稍等片刻得到以下界面,点击网站的链接,即可得到你自己的网站啦!

部署成功

恭喜你,结束啦!你已经会简单创建自己的网站啦!

当然你可以在前面说的 site settings 重新设定网站的名字,例如我的 demo 网站是:https://zss001.netlify.app/(文末直达)

白色版本

黑色版本

附件:hugo 主题选择

hugo主题网站[5]给出了很多免费试用的主题模板,你可以选择一个你自己喜欢的主题(不需要和我上面一样),该网站的封面如下:

hugo主题网站

小编刚使用的是:A simple but not simpler blog theme for Hugo[6],进入之后的界面如下,然后点击View Github进入对应的仓库。

打开他的github仓库后呢,复制名称到创建界面时的(Hugo theme)中。

刚才前面说的主题就是这样得到的!

小编有话说

  • 如果你是初学者,对 Rstudio,github,hugo,html 都不是很熟悉的话。庄小编建议你将我前面说的整个流程照搬实现一次先。然后再拓展下,创建其他不同的 hugo 模板。

小编以前就是好高骛远,拿一个很新奇的作为模板,结果后面出错了,始终找不到问题所在。一遍流程都走不下来。

  • 最近小编出原创比较慢的主要原因是:在适应中国香港的环境以及科研任务较重。业余爱好是重新系统学习 blogdown,? 并想以最简单的方式分享这个较有“逼格”的事!
  • 本文不包含 博客的创建,内部版式的修改等内容,内容过多,将在下一期中进行单独介绍。如果你觉得我这个内容有用,欢迎一键三连!?

参考资料

[1]

《blogdown: Creating Websites with R Markdown》: https://bookdown.org/yihui/blogdown/

[2]

b站直播视频: https://www.bilibili.com/video/BV13v41147BH?from=search&seid=3349593737199514913

[3]

YouTube视频教程: https://www.youtube.com/watch?v=ox_Ue9yzf-0

[4]

第三章节: https://bookdown.org/yihui/blogdown/deployment.html

[5]

hugo主题网站: https://hugothemesfree.com/

[6]

A simple but not simpler blog theme for Hugo: https://hugothemesfree.com/a-simple-but-not-simpler-blog-theme-for-hugo/

本文分享自微信公众号 - 庄闪闪的R语言手册(Zss_R4ds),作者:庄闪闪

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2021-07-19

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • R沟通|使用 blogdown 创建你的博客(2)

    本文主要是基于:R沟通|使用 Blogdown 构建个人博客写的。所以一定要先把前面这一篇做好,项目创建好,网站部署好后,再做接下来的创建 rmd 文件,保存,...

    庄闪闪
  • ​R沟通|使用latex模板构建个人履历

    前几天由于个人需求,需要快速搭建一个英文履历表简历,一直没有头绪。找几个word简历模板做?排版太麻烦了,整个界面还挺不自然的。那试试latex模板吧,咨询了周...

    庄闪闪
  • 「Workshop」第十九期:Markdown与RMarkdown最佳入口

    目前对于两者的介绍网上一大堆,而且本身语法简单,上手很快,这里不会过多介绍。**本文的核心在于让读者了解这些工具以及根据需要去学习和利用它们。**这里主要为初学...

    王诗翔呀
  • R沟通|Rmarkdown构建简历并部署到个人网站

    上一期已经对使用 latex 模板构建 cv 做了较为详细的说明:R沟通|使用latex模板构建个人履历。但是存在一个问题:Latex 最后输出的是 pdf 版...

    庄闪闪
  • 使用TravisCI做个人博客的自动构建

    今天又有朋友问我,这个博客是怎么搭建的。在回答后,顺便重新申视了下博客的构建部署方式,发现还是有一些改进空间的,刚好今天有点时间,就把它优化一下。

    jeremyxu
  • 使用GitHub搭建个人博客

    今年使用GitHub搭建了自己的博客:kaze2017.com 我整理了一下搭建博客的过程,分为购买域名、准备环境、Git和GitHub、搭建博客、绑定域名、感...

    企鹅号小编
  • 使用github搭建个人博客

    前言 为什么我要搭建一个个人博客呢?主要是为了方便自己分类一些东西,而且最近在学 html 和 css ,搭建一个博客来帮助自己理解一下。 文章主要分6个部分,...

    伪君子
  • 使用jekyll搭建个人博客

    其实蛮纠结这篇文章到底放在哪个分类下呢?开发环境搭建?还是环境搭建?后面想了一下,写博客总结是和我们日常开发一样重要的任务!也是一种开发,那么博客的搭建自然就算...

    呼延十
  • 使用VuePress 搭建个人博客

    VuePress 是一个静态网站生成器,包含由Vue驱动的主题系统和插件API,同时还包含一个为书写技术文档而优化的默认主题。此篇文章只介绍如何使用VuePre...

    goodspeed
  • 使用Flask搭建个人博客

    我的个人博客从Hexo迁移到自建主机,主要是为了能自由的增减特性,和随时随地的更新博客(然而并没有)。所以考虑用Python的Web框架来写,由于我最开始是从F...

    岂不美哉Frost
  • 使用lamp搭建个人博客

    购买一台网络云服务器,可以考虑阿里云、腾讯云、百度云等,这里以阿里云服务器举例。 共享型价格在半年170元左右。不定期会有活动,首台半价等。 系统配置Ubu...

    可定
  • 使用wordPress搭建个人博客

    **服务器**:服务商经常会有一些活动,我是在18年年底租的,当时买的1核2G,3年价格是299元,(建议一次性多买几年,不然后期续费的话还是比较贵的)。现在已...

    Java旅途
  • Python利用sphinx构建个人博客

    KaliArch
  • 使用github+hexo 搭建个人博客

    佛系编码
  • 使用github+jekyll搭建个人博客

    给自己一个小空间 聊聊起初 每次看到大牛们的博客,都会激起一颗一定要搭建自己博客的心,毕竟有着一颗向大牛们看齐的心。但是一直不知道如何下手,从最初的csdn写写...

    糊糊糊糊糊了
  • 使用github + hexo搭建个人博客

    新建一个名为你的用户名.github.io的仓库,比如说,如果你的github用户名是test,那么你就新建test.github.io的仓库(必须是你的用户名...

    秃头哥编程
  • 使用Gitee+Hexo搭建个人博客

    目前国内访问GitHub速度慢,还可能被墙,所以Gitee来构建个人博客。Gitee类似国内版的GitHub,访问速度有保证。

    咻咻ing
  • 业界 | 想转行?数据科学全流程求职指南

    大数据文摘
  • 通过github构建个人博客1-基本环境搭建

    摘要: 随着时代的发展,知识的更新速度越来越快,“活到老,学到老”显得必须且重要。在众多学习方法之中,知识输出是学习的不二法门。互联网时代,通过写博客去记录自己...

    锦小年

扫码关注云+社区

领取腾讯云代金券