如何开始搭建自己博客(How to start my blog)
by lucainiaoge
Intro
这篇文章其实是一个引导性的文章,汇总网友们的博客链接。博客的搭建对于小白来说还是要了解那么一阵子的。我同样也是,开学后半个月才摸出了点门道。我就先把我走过的路再给大家呈现一遍,然后介绍一点自己的经验。
How to Post Your Website
怎样发布你的网页,让全世界人都看到?
你需要一个服务器。服务器存储你的资源,并将它们共享给全世界。这也是互联网的的运作方式。那么怎么申请一个服务器?
我是怎么干的?我没有自己搞服务器,而是借用了Github的服务器,因为Github有专门的推出的gitpage。创建github账户之后,就可以申请挂一个网址,自定义空间还是挺大的。这一步步怎么走
- 参考韩朔的简书:Gitpage教程
- 参考Gitpage官网介绍和教程
- 这位大佬做出来以后就是这个样子:韩朔的Gitpage(里面也有教程哦)
- 也挺建议看这个,这个博客直接把后面讲的一块讲了:使用Hexo和Github Pages搭建属于自己的博客 - Hello World篇
Fill in Your Website
当你按部就班地去做了以后,就会得到一个空网页(一般要申请仓库并部署之后再等上一会儿,我是中午吃了顿饭,回来搞了搞就好了)
Code it yourself
有一个办法(如果想速出结果,并不推荐,毕竟我现在也不大会):学习html语言或者javascript(js),学着自己写网页,自力动手丰衣足食。这里供上链接:
Hexo
如果不想自己打代码去设计网页,就要借助强大外力了!
这里,大家很多使用一个叫Hexo的程序帮助写博客。
Hexo是什么?是一个不需要网页编程就可以实现博客搭建的框架:只需要在命令行中给它操作,它就可以按你的需要创建文件。你需要按照它给定的格式进行修改和配置,比如修改主题。
hexo主题是什么?顾名思义,是你的网页的色调啊、风格啊什么的。但是为什么要把它单独拿出来考虑?因为不同主题栏目设置啊、文档中配置啊没有统一的规定(虽然大同小异),所以,选定一个主题就尽量不要更换,要不之前的配置很可能作废。
话不多说,贡上连接:
- 前面提到的教程:使用Hexo和Github Pages搭建属于自己的博客 - Hello World篇
- 如果你选择了配置服务器:云服务器+域名方式搭建hexo博客
- hexo的使用入门教程(含有安装步骤):博客园:GitHub+Hexo搭建个人网站详细教程
先看这些吧,够用了(出现了奇奇特特的bug除外)。如果发的链接太多,反而会乱了方寸。
Hexo Tips
如何修改Hexo的内容
改动_config文件,一般是操作Hexo的方式。操作Hexo还有很多其它方式,牛逼的大佬会直接写js脚本(我现在不会哦),Hexo内部也有很多脚本可以修改以添加各种骚功能。这些东西我还没捋清楚,不过不用担心,每次你想实现一个功能就上网搜一下“Hexo 做XXX”,基本都会有答案的。
其实很多东西是在Hexo下面特定的主题里面修改的,这些请关注下一部分。
对付重装
哦对,你会发现,按照教程做以后,你的网站源其实是在自己的电脑上,甚至在C盘,这是很危险的。我的想法是,时长做备份。但毕竟太麻烦。电脑不小心重装怎么办?
hexo d -g命令失效
还有,有时你会发现按照hexo d -g命令不行,可能是因为这个原因:
部署的Hexo去哪里了
还有一个问题,就是Github部署Hexo以后,应该会覆盖掉你以前在Github仓库文件夹里的文件,这一点注意一下。当然,前提是你按照之前的教程改了_config文件而且完成了配套的配置,每次部署都会在github仓库文件夹生成一个发布版的博客。
每次开机如何打开Hexo
用命令行(cmd)将你的路径定位到博客根目录下,然后操作hexo命令就好了!
忽然无法用cmd执行hexo的命令
错误提示如下:
C:\Users\Administrator\blog>hexo s
socket: (10106) 无法加载或初始化请求的服务提供程序。
解决方案:
管理员运行cmd,执行netsh winsock reset,然后重启电脑
其他问题
其他问题待添加。写这篇总结的时候,我已经离开始摸索半个多月了,之前遇到的很多小bug基本忘光了,遗憾当初没有记下来,这里给大家道个歉,没法一一总结了。
Design Your Blog
好了,到了这里你就可以开始着手写自己的博客了。
我觉得写博客包括:
- 设计主页:设计头像,设计背景,设计标签分类系统,设计友链和转发……
- 功能添加:增加评论区,增加有趣的gif,增加“阅读更多”功能,增加目录,增加多媒体功能,增加文件分享和下载功能……
- 写文章:就是写文章咯
Hexo Theme: yilia
设置Hexo主题,可是牌面问题!
主题的添加和配置,在上一部分Hexo的搭建中,已经有大神提到过了。这里主要是讲主题怎么使用。我了解的是yilia主题,所以喜欢其他主题的朋友只好找其他教程咯!
- 还是放一个安装教程吧:来自Litten的yilia主题安装教程和初步使用
- Litten的博客里有很多有趣的教程,这里直接贴上Litten的博客
我记得安装主题以后,会将主题存放在某个奇怪的地方而不是你的blog目录里,我的起初存在了这里:
C:\Users\Administrator\Desktop\themes
反正,把这玩意直接复制到blog目录下的themes文件夹里,就ok了。
完了以后,你就可以操作themes\yilia文件夹里的_config.yml
哦对,如果幸运的话,里面还会有个readme.md,里面有一个yilia主题配置的入门教程,挺详细的。
如果不幸运的话,可以看这个:
.md是什么?是markdown,一种方便的文本编辑格式。具体看这个了解一下就好了:
- CSDN: Markdown语法图文全面详解(10分钟学会)
在这里讲一讲yilia主题下配置博客md源文件的事项:有些语法的解析和标准的markdown不太一致,尤其是如果你用MarkdownPad来编辑时候,右面的预览和实际网页根本就不像的。细节很多,比如一般的markdown一个#就可以表示一个标题,但在这个主题下解析需要两个#包住你要的文字。很多细节这里不赘述了,毕竟我也刚开始嘛!
Write Your Blog
很好,要开始写文章了!
打开根目录下source\_post文件夹,里面放.md文件,就可以解析了。你只需要:尽情发挥你的md本领和你的文笔,写完以后hexo d -g一下,打开你的gitpage,就可以看到了。你还可以将你的gitpage分享给其他人,这样你的知识就得到了共享!
当然,hexo s可以用来在hexo d部署之前预览你的博客!
Various Functions
其实嘛,做一个博客还是蛮不容易的,有很多小功能要考虑,每样小功能甚至可能花很长时间来配置。这里贡上一些我觉得挺有必要的功能以及它们的教程。
添加“阅读更多”功能
不上链接了,直接说:你的md文件里,在你想截断的地方另起一行,填上这句话就ok了:
<!–more–>
如何在博客中添加图片
- (别人家的博客): 福球大王的博客:hexo上传图片
- 一个上传图片并自动生成md代码的网址:https://sm.ms/
- 更详细的图片设置: 知乎专栏 https://zhuanlan.zhihu.com/p/61226148
为自己的博客设置头像
- CSDN: yilia头像/图标设置
- github: 为什么博客里面头像不显示了
Gitalk: 让你的博客拥有评论区
- CSDN: Hexo的yilia主题增加Gitalk插件
- CSDN: 另一个Hexo的yilia主题增加Gitalk插件的教程
让自己的网页被搜索引擎搜到
- CSDN: 想让你的博客被更多的人在搜索引擎中搜到吗?
为文章添加目录
- CSDN: Hexo博客yilia主题文章添加目录
- 简书: 另一个Hexo博客yilia主题文章添加目录的教程
为文章添加标签
不上链接了,直接说:在你的md文件开始,添加这样的格式就ok了:
---
toc: true
title: XXXXXXX
date: 2019-9-23
tags: [XXX1, XXX2]
---
网友的一些个性化设置总结
- CSDN: Yilia个性设置
放个大招:一些hexo+yilia的集锦
上面链接包括:添加文章目录,随笔,标签,展开全文按钮,增加阅读量,“畅言”评论(不推荐),放音乐,放视频,放相册,写文章
上面链接包括:展开全文按钮,添加赞赏和二维码,添加字数统计,统计网站访问量,添加版权说明,增加gitalk评论区,添加RSS,提交百度搜索引擎
上面链接包括:yilia默认设置,修改代码块样式,添加不蒜子统计,单篇文章点击量查看,网站统计备案信息,版权声明,博文置顶,gitalk和valine评论系统,在线聊天,SEO让URL持久化,私密文件加密
先说这么多吧!待添加!
本文作者: lucainiaoge
本文链接: https://lucainiaoge.github.io.git/2019/09/23/how_to_build_a_blog/
版权声明: 本作品采用 Creative Commons authorship - noncommercial use - same way sharing 4.0 international license agreement 进行许可。转载请注明出处!
![]()
