虽然头条新闻的该文难于先期重新整理写作,只好小吴昨天下午花了三四个半小时采用 GitHub + Hexo 构筑了呵呵对个人网志,急于将头条新闻的该文搬往后,全力支持URL搜寻、进行分类条码机能。效用是上面这模样的

怎样申请博客(申请博客的流程是什么)-第1张

结论前台好些爸爸妈妈挺疑惑网志是是不是构筑的,事实上那个挺单纯的,小吴就从头开始撷取新一波怎样构筑两个酷炫完全免费的对个人网志吧,假如早已有网志的爸爸妈妈能回帖新一波中文网站门牌号:)

GitHub建立对个人库房

登入到 GitHub ,假如没 GitHub 账号,请采用你的电子邮箱注册登记 GitHub 账号:https://github.com/join?source=header-home

怎样申请博客(申请博客的流程是什么)-第2张

注册登记

登入获得成功后,点选 GitHub 中的 New repository 建立新库房,库房名如果为:帐号.github.io 。这儿帐号采用你的 GitHub 账号中文名称替代,这是一般来说读法。

怎样申请博客(申请博客的流程是什么)-第3张

建立新库房

ps: 即使我早已注册登记了同名库房,因此第二次建立时会报错。

我的库房名为:

怎样申请博客(申请博客的流程是什么)-第4张

库房名

Git管理

Git 是目前世界上最先进的分布式版本控制系统(没之一)。这是采用 Git 的目的是为了将我们的中文网站从本地提交上服务器(GitHub)上面去。我认为 Git 操作是程序员如果具备的两个基本操作,具体的 Git 操作细节能查看廖雪峰的教程,讲的十分详细https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000

怎样申请博客(申请博客的流程是什么)-第5张

git教程

安装好 Git 后,只需要进行上面的配置即可。

配置信息

在终端进行操作,设置 user.name 和 user.email 配置信息,我这儿设置为全局。

1git config --global user.name "你的GitHub帐号"
2git config --global user.email "你的GitHub注册登记电子邮箱"

生成密钥

通过注册登记的电子邮箱生成 ssh 密钥文件:

1ssh-keygen -t rsa -C "你的GitHub注册登记电子邮箱"

然后直接三个回车即可,默认不需要设置密码。最后得到了两个文件:id_rsa和id_rsa.pub。

拷贝密钥

怎样申请博客(申请博客的流程是什么)-第6张

拷贝密钥

打开 id_rsa.pub 文件,将里面的内容全部复制。

怎样申请博客(申请博客的流程是什么)-第7张

内容全部复制

粘贴到GitHub

怎样申请博客(申请博客的流程是什么)-第8张

GitHub SSh

怎样申请博客(申请博客的流程是什么)-第9张

添加新的 SSH

测试GitHub SSH

添加好 SSH Key后,进行测试。

1ssh -T git@github.com

你将会看到:

1The authenticity of host github.com (207.97.227.239) cant be established.
2RSA key fingerprint is 16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48.
3Are you sure you want to continue connecting (yes/no)?

选择 yes

1Hi MisterBooo! Youve successfully authenticated, but GitHub does not provide shell access.
怎样申请博客(申请博客的流程是什么)-第10张

ssh -T

假如看到Hi后面是你的帐号,就说明获得成功了。

安装Node.js

Hexo 基于 Node.js,因此需要先安装 Node.js,你能在这儿进行对应电脑版本的下载:https://nodejs.org/en/download/

怎样申请博客(申请博客的流程是什么)-第11张

Node.js下载

你也能通过命令行进行安装:

cURL:

1$ curl https://raw.github.com/creationix/nvm/v0.33.11/install.sh | sh
2

Wget:

1$ wget -qO- https://raw.github.com/creationix/nvm/v0.33.11/install.sh | sh
2

安装完成后,重启终端并执行下列命令即可安装 Node.js。

1$ nvm install stable

Hexo安装

Hexo 是两个快速、简洁且高效的网志框架。Hexo 采用 Markdown(或其他渲染引擎)解析该文,在几秒内,即可利用靓丽的主题生成静态网页。

所有必备的应用程序安装完成后,即可采用 npm 安装 Hexo。

1$ npm install -g hexo-cli

Hexo采用

安装好 Hexo 后,马上就能采用了。首先初始化网志,输入:

1$ hexo init myBlog
怎样申请博客(申请博客的流程是什么)-第12张

接下来,进入文件夹 myBlog,输入

1$ hexo s
怎样申请博客(申请博客的流程是什么)-第13张

然后,打开浏览器输入门牌号:

1localhost:4000
怎样申请博客(申请博客的流程是什么)-第14张

hexo中文网站

执行到这儿事实上网志就早已构筑好了,接下来就是去完善它。

注意:上面的命令都是在 myBlog文件里进行操作的。

添加该文

怎样申请博客(申请博客的流程是什么)-第15张

添加该文

1.直接导入该文

你能将你平时写的该文直接导入到 _posts 文件夹里,注意该文类型得是 md格式。

2.写新该文

你能执行下列命令来建立一篇新该文。

1$ hexo new [layout] </pre><p id="900ca414-0c4a-4cb1-8656-aa0412421032" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">你能在命令中指定该文的布局(layout),默认为 post,能通过修改 _config.yml 中的 default_layout 参数来指定默认布局。</p><div id="ecb7a4c9-59cd-4143-8285-04d2f97a75ab" style="font-size:18px;margin:20px 0px;text-align:left;"><img src="https://p26.toutiaoimg.com/origin/pgc-image/99313758ff814f6ab396715d88a58b9f?from=pc" style="width:100%;" /></div><p id="5ff584fe-7952-4707-8d3a-7baece7e493a" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">写新该文</p><p id="ede8fd4e-2e77-4a59-a505-77cc97427a1e" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">这样在 _posts 文件夹里也生成了一篇新的该文。</p><div id="680a016c-7552-45b2-bef4-e81572006cfb" style="font-size:18px;margin:20px 0px;text-align:left;"><img src="https://p26.toutiaoimg.com/origin/pgc-image/87e62fbd69e24ccc80debc8d063d4109?from=pc" style="width:100%;" /></div><p id="7f8ad5ef-5f24-4990-97c8-23b6d721d1e2" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">新的该文</p><p id="25057d23-9f00-42e7-8413-5df4a959c5fd" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">生成网页</p><p id="9e961bfc-ad80-42be-ad70-c9a99cf3bb11" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">采用 Hexo 生成静态文件快速而且单纯。</p><pre id="a2b094a3-e856-4166-b27e-c8df19da52cc" style="font-size:18px;margin:20px 0px;text-align:left;">1$ hexo generate</pre><p id="3b76ad91-d050-421e-8424-2e4177c8ca3e" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">你也能简写成</p><pre id="e00600cc-5520-4ec7-9f9d-a1e093abed8a" style="font-size:18px;margin:20px 0px;text-align:left;">1$ hexo g</pre><div id="78a7e3f9-f2d6-4574-9f9b-7366b9312c0d" style="font-size:18px;margin:20px 0px;text-align:left;"><img src="https://p26.toutiaoimg.com/origin/pgc-image/96e6fbf027cd450baba690a22be53fc5?from=pc" style="width:100%;" /></div><p id="5cb2ebca-6194-4ac8-ae82-94efb509a346" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">生成该文</p><p id="70342b69-b3cd-4ba3-8041-02280b48b567" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">启动服务预览该文</p><p id="a23c6cec-ea55-4f1e-adb0-563261cf2f4a" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">输入以下命令以启动服务器,你的中文网站会在 http://localhost:4000 下启动。在服务器启动期间,Hexo 会监视文件变动并自动更新,无须重启服务器。</p><pre id="18a21e83-ecad-44d3-b338-028070eea8e8" style="font-size:18px;margin:20px 0px;text-align:left;">1$ hexo server</pre><p id="ae9ac332-d5d0-4001-b2b8-bbf10ad164f8" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">你也能简写成</p><pre id="c6c420b7-18cb-4061-b1aa-b2f0e4c86e04" style="font-size:18px;margin:20px 0px;text-align:left;">1$ hexo s</pre><p id="c93a77f3-5f44-422c-bbfc-5e3688741889" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">假如你想要更改端口,或是在执行时遇到了 EADDRINUSE 错误,能在执行时采用 -p 选项指定其他端口,如下:</p><pre id="e69e2f9d-401e-4b11-97ab-da3633bc2ffd" style="font-size:18px;margin:20px 0px;text-align:left;">1$ hexo server -p 5000</pre><div id="70145454-8145-4627-a2aa-2024feb57b22" style="font-size:18px;margin:20px 0px;text-align:left;"><img src="https://p26.toutiaoimg.com/origin/pgc-image/494f2f18c94e49dfb3a56371a2adb5de?from=pc" style="width:100%;" /></div><p id="04f9a4b8-50f6-4f0a-b12c-c467da4d8c9d" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">查看该文</p><div id="05f7079c-0856-4dc4-bdb9-053f5e8d9ae1" style="font-size:18px;margin:20px 0px;text-align:left;"><img src="https://p26.toutiaoimg.com/origin/pgc-image/6a094b8216aa4415a2408f44b31de0c4?from=pc" style="width:100%;" /></div><p id="b43ae8e8-1de9-4d9c-a22b-76e08d8b1700" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">中文网站</p><p id="3e0090a8-7045-4225-beee-b7feb81fcb0b" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">小总结</p><pre id="c8eab0e7-20b8-462a-9625-a91fd9024320" style="font-size:18px;margin:20px 0px;text-align:left;">1hexo new "我的网志该文" 新建该文
1hexo generate 生成网页
1hexo server 启动服务预览</pre><p id="04f67450-df37-44fc-825a-9fa9e8ca1ed4" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">这三个命令依次就是新建一篇网志该文、生成网页、在本地预览的操作。</p><p id="8fa984cc-99b1-4c0d-b77d-1116c83041ae" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">部署</p><p id="5e75e2b8-5f6b-443f-9d32-dab1291282a0" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">Hexo 提供了快速方便的一键部署机能,只需一条命令就能将中文网站部署到服务器上。</p><pre id="3bcc8add-98a8-4140-83c9-afd4cfd4aea1" style="font-size:18px;margin:20px 0px;text-align:left;">1$ hexo deploy</pre><p id="61812df8-ef3c-4f7a-a16f-fdbb8d17f7da" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">你也能简写成</p><pre id="0c231a3a-2bce-47b0-b9d5-a0ff85fada5e" style="font-size:18px;margin:20px 0px;text-align:left;">1$ hexo d</pre><p id="305a0700-0ac4-482d-bb58-249f0edbbc21" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">在开始之前,必须先在 _config.yml 中修改参数,两个正确的部署配置中至少要有 type 参数,例如:</p><pre id="80f5c4d6-3878-4941-a686-f6afb8d3b06d" style="font-size:18px;margin:20px 0px;text-align:left;">1deploy:
2 type: git</pre><div id="ec0fd3d3-86ad-4bbe-aecb-44afd81c07ec" style="font-size:18px;margin:20px 0px;text-align:left;"><img src="https://p26.toutiaoimg.com/origin/pgc-image/e22a9446eb684bd3a2d6d82e0169ff2c?from=pc" style="width:100%;" /></div><p id="10151e4b-6279-406d-822e-42e1ccb79882" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">config</p><p id="e2e777b2-342e-4faf-9718-0c24c266c71a" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">在_config.yml中进行修改。</p><div id="39542b9c-ea5f-406f-8393-bbaa9dedd372" style="font-size:18px;margin:20px 0px;text-align:left;"><img src="https://p26.toutiaoimg.com/origin/pgc-image/cd5ad13c75a6455180b52a21fa376732?from=pc" style="width:100%;" /></div><p id="bdcf508f-5cce-42f4-b18e-9db8086ba723" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">这一步的目的是将 Hexo 与 GitHub 进行关联。</p><p id="a31ffbdb-bfe0-4ed2-8a67-2b03aa98a0fd" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">配置好后通过</p><pre id="98821d6e-0402-4c61-998d-4d0de72d8313" style="font-size:18px;margin:20px 0px;text-align:left;">1$ hexo d</pre><p id="8f629f77-acdc-4b33-8759-faac3137d329" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">命令,稍等片刻,中文网站就早已部署好了,能在浏览器输入你的GitHub中文名称.github.io,这样两个完全免费的网志就早已构筑好了。</p><p id="648afed7-264c-4f2b-8d95-eebbed94ecd9" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">Hexo 主题</p><p id="ad72cb57-27bf-46a4-a920-dd0128a944e7" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><span id="3dcf1466-42e2-490a-996e-cb86f3a0325e" style="font-size:18px;margin:20px 0px;text-align:left;">hexo 默认的主题可能显得有点呆板,你能在https://hexo.io/themes/index.html进行主题的挑选更换。将下好的主题安放在themes文件夹内,同时在_config.yml中进行主题修改就好了。</span></p><div id="3488d355-ab66-44e5-b2c4-b83348981e6a" style="font-size:18px;margin:20px 0px;text-align:left;"><img src="https://p26.toutiaoimg.com/origin/pgc-image/800d32c399ef4b56884e0c323e7728a5?from=pc" style="width:100%;" /></div><p id="1de4899b-c1de-4cf7-ae27-c43014dffae5" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><span id="f2ef80f9-c605-499b-8caf-2c60c2fc51e2" style="font-size:18px;margin:20px 0px;text-align:left;">经过两个半小时的主题筛选,我选择了hexo-theme-matery 这款主题。通过https://blinkfox.github.io/2018/09/28/qian-duan/hexo-bo-ke-zhu-ti-zhi-hexo-theme-matery-de-jie-shao/文档说明,经过单纯的配置,效用就出来了!</span></p><div id="041a5f37-4eb3-4026-93f4-654d49155bc3" style="font-size:18px;margin:20px 0px;text-align:left;"><img src="https://p26.toutiaoimg.com/origin/pgc-image/d9d6763a21664c76832aecb9bdc9bddc?from=pc" style="width:100%;" /></div><p id="8e06fe83-a4cc-4eae-b619-265a404262be" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">一般大佬们提供的主题都会提供文档说明,按照说明进行单纯的设置就能拥有两个酷炫的页面了。</p><div id="62ebad2f-d01e-463e-8c4d-d16a0f026211" style="font-size:18px;margin:20px 0px;text-align:left;"><img src="https://p26.toutiaoimg.com/origin/pgc-image/a8da2096ebd248e894c5d12ef78b22ec?from=pc" style="width:100%;" /></div><p id="a4f79bf2-66a4-4fcf-9a46-fcf72ad6b945" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">Markdown 写作</p><p id="90a40b54-0e05-4a38-aef2-8c5af9e64285" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">Markdown是一种能采用普通文本编辑器编写的标记语言,通过单纯的标记语法,它能使普通文本内容具有一定的格式。</p><p id="ef616dd7-33fd-4a64-a1e3-a81fb33a723a" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">世面上全力支持 Markdown 语法的编辑器不胜枚举,选择起来十分困难,小吴在这儿推荐 Typora 这款 Markdown 写作软件。</p><p id="3221ed35-11b4-49e0-8bc9-8533240b7fdf" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">Typora 是一款完全免费的 MD 编辑器,它是优雅简洁与强大开放的完美结合体。</p><p id="940d32ce-e947-4dd2-b6bd-a27edc6cff46" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">官网直达 https://typora.io</p><p id="997fcb8a-85ed-4980-a579-58a0375af591" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">Image</p><p id="dd774f3b-36c9-4911-9023-8aeaac5b77d2" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">选择 Typora 两个最主要的原因是它对图片的良好全力支持。</p><p id="d44604fe-c061-4794-b760-1f36580fcb43" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">在 Mac 上安装好 iPic 后 ,并在设置中将图片插入修改为 通过 iPic 上传 ,快捷键是 control + command + i ,就能十分快捷优雅地完成图片插入。强调一点:图床采用默认的微博图床即可,建议不要折腾。</p><div id="be91bec8-7d76-4e64-a960-6b748f30f18d" style="font-size:18px;margin:20px 0px;text-align:left;"><img src="https://p26.toutiaoimg.com/origin/pgc-image/069a5a4d3e634cd78009e82f63be1055?from=pc" style="width:100%;" /></div><p id="136962e5-b0e7-41ab-995a-8263f8efc2fa" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">这样,每次写作时,将图片拖入到 Typora 里,图片就能自动上传到图床上。</p><p id="3a0fb86f-6070-4d4d-9187-8ad08f9b3fb2" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">总结</p><ul id="69e36d85-d823-42eb-bd43-e930028c1ecf" style="font-size:18px;margin:20px 0px;text-align:left;"><li id="846c2704-f487-4ff3-99f6-40e62660483a" style="font-size:18px;margin:20px 0px;text-align:left;">提出申请 GitHub 账号</li><li id="0181a2a7-be44-46e1-83ef-8c04b1a18dd8" style="font-size:18px;margin:20px 0px;text-align:left;">在 GitHub 上建立库房</li><li id="540c91bc-cb57-4140-bfbc-cc516fe639ff" style="font-size:18px;margin:20px 0px;text-align:left;">配备 Git ,同时将 SSH Key 提交到 GitHub 上</li><li id="323f95ac-45db-40ca-9bbf-a0d4a3624cf8" style="font-size:18px;margin:20px 0px;text-align:left;">安装 Node.js</li><li id="3b9bc27d-4d74-4a13-a76b-062709db4bbf" style="font-size:18px;margin:20px 0px;text-align:left;">安装 Hexo</li><li id="8cd0d335-5d2f-4570-a5c9-7519a659069a" style="font-size:18px;margin:20px 0px;text-align:left;">安装 Hexo 主题</li><li id="813c1a5a-da0a-4525-9e69-37749a0f03bc" style="font-size:18px;margin:20px 0px;text-align:left;">采用 Markdown 软件写该文</li></ul><p id="464449a6-6b30-4944-89bc-3d96d8aa0278" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">希望这篇该文能帮到想写网志却还没付诸行动的人,毕竟拥有两个完全免费且酷炫的网志还是挺单纯还挺好玩的:)</p><p id="2037c592-8c0c-4bd1-b5ac-9dac011d4e7f" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">本文完。</p></div></body></html>