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

简介: 你是不是特别想创建一个自己的私人博客?以及为什么要使用 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)中。刚才前面说的主题就是这样得到的!

目录
相关文章
|
2月前
|
C语言 C++ 编译器
C++入门攻略
C++入门攻略在代码中引用的格式:类型& 引用变量名(对象名) = 引用实体; 5.2 引用的特性: #include<stdio.h>
C++入门攻略
|
9月前
|
SQL Java 关系型数据库
手把手搭建一个完整的javaweb项目(适合新手)
手把手搭建一个完整的javaweb项目(适合新手)
81 1
|
监控 前端开发 测试技术
手把手带你入门前端工程化——超详细教程(二)
手把手带你入门前端工程化——超详细教程(二)
78 0
|
Web App开发 监控 前端开发
手把手带你入门前端工程化——超详细教程(四)
手把手带你入门前端工程化——超详细教程(四)
124 0
|
监控 前端开发 JavaScript
手把手带你入门前端工程化——超详细教程(三)
手把手带你入门前端工程化——超详细教程(三)
95 0
|
JavaScript 开发工具 数据安全/隐私保护
手把手教你打造炫酷个人博客:从零开始到成功上线
手把手教你打造炫酷个人博客:从零开始到成功上线
115 0
|
前端开发 程序员
【建站系列教程】1、前言
【建站系列教程】1、前言
【建站系列教程】1、前言
|
前端开发 JavaScript Java
手把手带你搭建个人博客系统(一)
手把手带你搭建个人博客系统(一)
316 0
手把手带你搭建个人博客系统(一)
|
域名解析 缓存 JavaScript
手把手教你从零开始搭建个人博客,20分钟上手
手把手教你从零开始搭建个人博客,20分钟上手
359 0
手把手教你从零开始搭建个人博客,20分钟上手
|
域名解析 运维 Linux
打造个人博客(学习篇)
打造个人博客(学习篇)
打造个人博客(学习篇)