手把手带你搭建个人博客(汇总版)(二)

简介: 你是不是特别想创建一个自己的私人博客?以及为什么要使用 blogdown 搭建博客?难度是不是很大,和其他搭建博客而言有什么优点?在小编使用过一段时间后,个人认为 blogdown 搭建博客的优势在于,将 Rmarkdown 与 hugo 相结合,再加上 github 和一个可以部署的网站。你可以轻松的将一篇篇 Rmarkdown 的文章自动上传上去。而 Rmarkdown 的优势在于,你的代码结果都可以轻松呈现。而不是“复制粘贴”结果!

2. 工作流

在前面几项任务都完成好后,接下来创建 rmd 文件,保存,github 提交,之后过几分钟网站就会自动同步你的最新博客啦!

这整个流程非常香,你唯一担心的是:如何写好你的博客。你完全不需要担心如何排版,如何部署 rmd/md 文件等问题。这就回到了最为纯粹的知识输出环节啦!

接下来,将会告诉你如何创建新的 post 以及如何提交(内容非常简单)。


2.1 创建 RMD 文件

打开你项目所在的文件夹(zll-blog),点击 Rproject 文件。小编平常直接打开桌面版本的 github,找到对应的 Repository,然后按快捷键(红色框框给出了,Show in Finder)如下所示:

SZF}VQQIX)YB{[VPY]WVOLC.png

github桌面版本界面

当然,你可以按快捷键直接进入网上的 Github 仓库。


进入 Rstudio 界面后,打开你的插件 addin。mac 是在菜单栏 Tools -> addins中,windows 直接在菜单栏就有一个小按钮 addins 了。然后选择下面红色框住的内容,并点击执行(Execute)即可。

{)10V8$BTOS21`(QRA_4F{Y.png


选中红色框,执行

或者你直接在控制台输入代码也可以创建新的 Post(blogdown::new_post())。当然你可以在打开这个Project之后先把博客渲染出来(blogdown::serve_site())。


之后会跳转出一个框框,你按照自己想写的填充就好啦!注意 Format 有三种形式。小编的一些与 R 代码无关的就是直接创建 .md 文件写的。然后点击 Done 按钮,即可。

ODC}29KDUIQXPNSO{RFDE_Y.png

New Post事例


2.2 填写内容

之后跳转到下面的界面,这时候如果你提前已经渲染了博客,右边的 Viewer 窗口就会自动同步你写的东西。

ZMN~DD3N%SGX2SL00~Z0E`B.png

开始你的内容输出啦!

接下来,内容就要靠你自己啦!你可以写一些笔记,想法等。小编这里给出前段时间写的一篇博客的内容作为示范。

image.gif4]QK_K7LJB{C@VJVHJQB$A5.png


填写你的内容

KL0(X}6FAY)KH3WREJ[QM17.png

注意:如果你不会使用 markdown 文件写文章的话。请您转到:1.5w字的Rmarkdown入门教程汇总。或者你有其他写好的 md 文件的话。你可以直接将其导入即可。但是注意的是,图片等需要你手动添加到对应的目录下。

保存之后,你的 new post 就已经完成啦!

image.gifnew post 完成


2.3 使用 github 上传内容

最后一步,就是将你刚才修改过的内容,通过 github 进行上传。操作流程如下图所示,之后等几分钟,Netify 网站知道你的该 github 仓库内容出现变化后,会自动部署新的网站。

Y[I[TI])U]{AA@XB3I6V80P.png

上传到 github

这时一切完毕!恭喜你已经掌握整个搭博客和写博客的流程啦!


附件:hugo 主题选择

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

IZY$)H]2(22`)_V]93~$EBT.png

hugo主题网站


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

Z~[R0H0QAMCBKUEYDKN8MPJ.png

打开他的github仓库后呢,复制名称到创建界面时的(Hugo theme)中。刚才前面说的主题就是这样得到的!

目录
相关文章
|
JavaScript 安全 前端开发
从零开始搭建个人网站博客
从零开始搭建个人网站博客
158 5
|
弹性计算 关系型数据库 Apache
手把手教你使用阿里云服务器搭建个人博客
这是我第一次搭建个人博客网站,总体上来说还是非常顺利的,主要四个步骤,首先创建阿里云服务器,其次创建云数据库实例,再次阿里云服务器链接云数据库,最后安装WordPress。四步轻松就可以搭建个人博客网站啦,之前搭建博客起码需要一两周的时间,这次建站只花费了我1个小时就完成啦。
2642 10
|
JavaScript 开发工具 数据安全/隐私保护
手把手教你打造炫酷个人博客:从零开始到成功上线
手把手教你打造炫酷个人博客:从零开始到成功上线
143 0
|
域名解析 缓存 JavaScript
手把手教你从零开始搭建个人博客,20分钟上手
手把手教你从零开始搭建个人博客,20分钟上手
401 0
手把手教你从零开始搭建个人博客,20分钟上手
|
存储 JSON 前端开发
手把手带你搭建个人博客系统(二)
手把手带你搭建个人博客系统(二)
150 0
手把手带你搭建个人博客系统(二)
|
前端开发 JavaScript Java
手把手带你搭建个人博客系统(一)
手把手带你搭建个人博客系统(一)
385 0
手把手带你搭建个人博客系统(一)
|
域名解析 运维 Linux
打造个人博客(学习篇)
打造个人博客(学习篇)
打造个人博客(学习篇)
|
开发框架 .NET Serverless
阿里云快速搭建个人博客
使用阿里云体验搭建博客
阿里云快速搭建个人博客
|
存储 缓存 JavaScript
第一次搭建个人博客
以前一直都是用的开发环境,从来没有想过在服务器上搭建一个网站。本来因为搭建博客会很简单,没想到单单的配置mongodb就花了我将近一天的时间。最后迫于无奈只能用宝塔面板来搭建我的个人博客了
第一次搭建个人博客
|
JavaScript Shell Linux
从0到1手把手教你搭建个人博客
从0到1手把手教你搭建个人博客
从0到1手把手教你搭建个人博客