惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

有赞技术团队
有赞技术团队
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
IT之家
IT之家
博客园 - 【当耐特】
罗磊的独立博客
Stack Overflow Blog
Stack Overflow Blog
MyScale Blog
MyScale Blog
WordPress大学
WordPress大学
The GitHub Blog
The GitHub Blog
H
Hackread – Cybersecurity News, Data Breaches, AI and More
Hugging Face - Blog
Hugging Face - Blog
I
InfoQ
B
Blog RSS Feed
腾讯CDC
云风的 BLOG
云风的 BLOG
N
Netflix TechBlog - Medium
Apple Machine Learning Research
Apple Machine Learning Research
GbyAI
GbyAI
雷峰网
雷峰网
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
D
DataBreaches.Net
The Cloudflare Blog
V
V2EX
S
SegmentFault 最新的问题

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
不会代码,如何搭建个人博客? - 少数派
2019-12-11 · via 少数派

文/彭宏豪 自微信推出公众号后,无论是博客时代就开始写作的人,还是后来有志于投身新媒体的人,都纷纷注册了自己的账号。 

公众号首创的原创保护和赞赏机制,让它成了许多内容生产者喜爱的一个平台。 

但如果你经常使用公众号,可能会发现它也存在一些限制:不能跳转到外部链接、新开的公众号没有留言功能等。 

而这些限制,对于博客来说,是不存在的。 

即便现在是属于公众号的时代,但如果你还想折腾一下,体验一下写博客的感觉,那么,从此刻开始,动手搭建一个自己的博客,还是值得的。 

注:本文适合无代码基础的小白选手,因为我也是从零开始学起的。

01.博客最终效果

在说如何搭建博客之前,我们先来看一下我搭建的博客:

目前首页有两篇文章,内容有些单薄,但页面整体设计得比较简洁,是我喜欢的类型。如果你对这个页面不太满意,还可以使用其他的博客主题,更换主题也非常方便。

博客效果图

下图是博客文章的内页,两侧留白设计,文字的大小和行间距设置得比较合理,阅读的时候看起来也比较舒服。

博客文章内页

02.搭建博客

①注册Github账号

打开Github官网,使用邮箱注册Github账号,注册时请谨慎设置自己的用户名,因为用户名后面会成为博客域名的一部分。

创建Github账户

获得了Github账号后,点击左侧的Create a repository,创建一个仓库,用于存放博客的相关数据。

创建仓库

在设置仓库名称时,它的格式是固定的,采用「用户名.github.io」的格式,因为到后面,你就会发现,仓库名称原来就是博客的域名(地址)

如下图,我的用户名为angola95,因此仓库名为「angola95.github.io」。

设置好仓库名称后,勾选Initialize this repository with a README,最后点击底部的Create repository,就完成了仓库的创建。

仓库初始化设置

创建好仓库后,点击右上方的账号头像,选择Settings

点击账户头像的Settings菜单

在设置菜单中,按照Developer settings--Personal access tokens的路径进入,点击右上方的Generate new token

生成Token

在New token设置页面,Note输入对Token的描述或备注,勾选下方的repo。

Token备注

最后将页面拉至底部,点击Generate token,就会生成一串由数字和字母组成的字符,这就是刚刚生成的Token。

有的小伙伴可能会问,这个生成的Token有什么用?请接着往下看,你可能就明白了。

生成的Token

②安装Git

Git是一个分布式版本控制软件,方便多个开发者同时为一个项目贡献代码,彼此间互不影响,大大提高了团队合作的效率。

Git的数据库分为远端数据库和本地数据库,我们在Github上创建的仓库,可以看成是博客的远端数据库,而本地数据库就是我们使用的电脑。

使用Git,能将我们在本地电脑写的博客内容,自动地推送到远端的Github上,而连接本地和远端数据库的桥梁,就是前面生成的Token

Git官网

Git支持Win、macOS和Linux三大平台,下载之后,它的安装方法与普通软件一样,更换软件安装位置之后,一直点击下一步,直至开始安装。

Git下载地址:

https://git-scm.com/downloads

③安装博客写作客户端

Gridea是一个静态的博客写作客户端,它提供了免费和收费的博客主题,通过应用不同的主题,可以让原本简陋的博客更有设计感

安装了Gridea后,需要先进行一定的配置。

在配置页面中,Platform选择Github Pages,分支填写master,其他选项则根据个人信息进行填写。

填写好信息,先点击保存,接着点击检测远程连接,查看是否连接成功。

若提示远程连接失败,解决方法可参考Gridea官方给出的文档: https://dwz.cn/K9DdtABB Gridea下载地址: [https://gridea.dev](https://gridea.dev/)

03.发布你的第一篇博客

完成上面的工作后,就算完成了博客的搭建,接下来你就可以开始写自己的第一篇博客了。

①Markdown语法

发布博客前,你需要有一个编辑器来写博客,Gridea中内置了文本编辑器,采用的是Markdown标记语言,而非我们平常使用的Word那种富文本格式

相比富文本格式,Markdown有一个最大的优点:

让人更专注于写作本身,而不是关注排版。

使用Word写作时,经常会花费较多时间在排版上,而Markdown足够简单,去除了Word内置的冗余样式,选择少了,你也没必要纠结于使用哪种样式。

虽说Markdown是一种标记语言,但你不需要被「语言」这两个字吓到,因为它学起来真的非常简单,至多10分钟就可以完全掌握。

在文字最前面加三个#号,就表示标题三的样式;在文字前后各加两个星号,相当于对文字进行加粗

*左边是Markdown编辑窗口,右边是预览窗口*

关于Markdown的更多常用标记语法,请自行上网搜索。

②Markdown编辑器

Gridea自带的Markdown编辑器,不能同时并排显示编辑窗口和预览窗口,想要实时预览效果,就需要频繁点击右侧的预览按钮,这大大降低了码字效率。

请输入图片标题

为了能实时预览效果,我建议使用可实时预览效果的外部Markdown编辑器,如马克飞象Typora等。

马克飞象,是印象笔记推出的在线Markdown编辑器,只要有网络,你就能随时开始写作。

此外,由于马克飞象和印象笔记是同一家公司的产品,通过绑定印象笔记账号,就能实时将内容保存到印象笔记中,这也间接实现了内容在多个平台间的同步。

马克飞象

马克飞象在线地址: https://maxiang.io/

Typora,是一个免费的Markdown客户端软件,支持Win、macOS和Linux三个平台。

Typora虽然没有马克飞象并排的实时预览窗口,但它也是所见即所得的,输入Markdown的标记符号后,就能马上看到最终的效果。

使用Markdown写文章,有时需要将文章发送给他人查看,若对方没有用过Markdown,你直接发送一份Markdown文件过去,会让别人一脸懵逼,不便于多人间的协作。

而Typora也为我们考虑到了这一点,在导出中,有多种文件格式可以选择,如最为常见的PDF、Word和图片

Typora下载地址: https://www.typora.io/#download

③Markdown图床

在Markdown中,使用的图片都是通过链接的形式添加到文章中的,下图中的图片就是使用https开头的链接引用到Markdown中的。

图片通过链接进行引用,这就需要我们先将图片上传到服务器中,在网上用于存放图片的服务器,叫做「图床」。

若你觉得图床比较陌生,也可以将图床理解为网络相册,如QQ空间相册、微博相册等,我们发布在QQ或微博的照片,其实就是存放在了腾讯和新浪的服务器上。

网络上的图床有免费和收费两种,为最低成本地搭建一个博客,我选择使用免费的图床,而这个图床刚好就是文章最开始提到的Github。

④图片上传工具PicGo

为方便将电脑本地的图片上传到Github,我们需要安装一个图片上传工具——PicGo

使用PicGo上传到Github的图片,它会返回图片对应的链接,接着你将链接粘贴到使用Markdown写的博客中,图片就可以正常显示了。

PicGo是由一位个人开发者@PiEgg 开发的免费图片上传工具,支持Win、macOS和Linux三大平台。

PicGO介绍页

安装了PicGo后,需要先对软件进行一定的设置:

点击图片上传右下角的箭头,选择Github图床。

选择Github图床

点击左侧边栏的图床设置,选择Github图床,进入Github图床的设置界面。

在Github设置中,需要填写的信息有**仓库名、分支名和Token**等,这些信息在提示我们得去Github新建一个用作图床的仓库。

下图是我新建的用作图床的仓库,创建方法与前面介绍的创建仓库操作基本一致,这里不再赘述。

创建好图床的仓库后,我们还需要创建一个新的Token,用于连接PicGo与图床仓库,创建Token的方法,前面也有介绍过。

完成新仓库和Token的创建后,我们回到PicGo的配置界面,按照下图填入相关信息。

*对上图的说明:

仓库名:格式为 Github用户名/仓库名;

分支名:设置为 master;

设定自定义域名:格式为https://raw.githubusercontent.com/Github用户名/仓库名/master,前面的部分都是固定的,后面的Github用户名和仓库名根据个人情况进行替换。

完成以上设置后,点击下方的确定按钮,若配置的信息正确,在Win10系统右下角会弹出设置成功的通知。

返回到PicGo的上传区,将你想上传到的图片拖拽到上传区,待图片完成上传,软件会在桌面右下角弹出上传成功的通知。

通知附带了图片上传到Github的链接,点击通知面板,就会将链接保存到复制到系统的剪贴板中。

此时再回到Typora,将剪贴板中的图片链接粘贴到文章中,就完成了博客图片的添加。

PicGo下载地址:

[https://dwz.cn/sNQWdAfG](https://dwz.cn/sNQWdAfG)

04.发布你的第一篇博客

至此,完成了前面较为繁琐的操作后,你就可以正式发布自己的第一篇博客了。

在博客客户端Gridea中,点击左下角的预览按钮,可以预览保存在本地的博客,预览后未发现问题的话,就可以点击下方的同步按钮,将保存到本地的博客推送到Github上。

完成同步后,在浏览器中输入最开始创建的仓库的名称,由于最开始我将仓库名称设置为angola95.github.io,因此在浏览器输入这个地址,就能打开我的个人博客了。

05.写在最后

使用本文介绍的方法搭建博客,我觉得有两个好处,一是不需要花时间学习搭建博客所需的技术,二是搭建的博客完全免费,不需要担心服务器到期访问不了。

当然,这个方法也存在一些不足:由于Github是个国外的网站,若博客中添加的图片过大,加载的时间会延长。

以上,就是本次想和你分享的零基础零成本搭建博客的方法。

希望对你有帮助,我们下次见。