从“0”开始搭建个人博客(3)——个性化博客

来源:互联网 发布:如何制作自己的软件 编辑:程序博客网 时间:2024/05/22 06:40

之前的两篇记录了搭建博客的过程,到此为止已经有一个可以编辑、发布的个人博客平台。接下来会记录一些个性化操作的内容,更加丰富博客搭建的内容和特点。

概述

很多人选用Hexo作为博客框架,很大的原因就是因为其丰富的主题资源和个性化配置。以及GitHub Pages本身支持自定义域名。所以申请注册一个属于自己的个性化域名也是可以的。我选用Hexo中最为热门的主题Next作为载体,记录我自己的相关配置。同时也感谢很多优质的教程和文档,帮助我完成相关设置。


Hexo主题的安装

主题的选择和下载

hexo官方页面的主题区域提供了丰富的主题展示和源文件的GitHub地址。选择好喜欢的主题可以通过Git bash 在本地博客站点目录下执行如下指令:

$ git clone https://github.com/iissnan/hexo-theme-next themes/next

这里我选用Next主题,所以上面git clone 后面就是下载的主题源文件的地址。themes/next标志下载的目标地址。Hexo中默认主题都存放在站点目录下的themes下。

主题配置

下载完成后,需要告诉hexo具体应用哪一套主题生成博客页面。在站点目录下的_config.yml 文件中,配置theme字段。这里要注意的是无论之后的什么样的配置“:”后面需要空一格。

# Extensions## Plugins: https://hexo.io/plugins/## Themes: https://hexo.io/themes/theme: next

保存之后可以执行hexo s查看效果。


自定义域名

购买

首先可以在域名提供商购买一个价格合适的个人域名。网上有相关的教程。主流的有Godaddy、万网、腾讯云等。可以依照个人喜好进行注册购买。

绑定

在博客站点目录下的\source目录下建立CNAME文件(没有后缀名、全部大写)。其中写入你所购买的域名地址。这里我写入的www.hhyqhh.top。既本站地址。接下来在万网的DNS云解析中配置。(很多人推荐dnspod,我的域名是在万网注册的,所以我就在万网上进行可DNS解析)。打开配置界面:

添加一条,记录值写的是GitHub上个人主页的ip地址。这个可以在命令行中ping 自己的主页得到。

待保存生效后,可以试着用自己的域名代替原来的your_username.github.io来访问自己的博客了。


图床

博客中的图片不能放在本地,所以作为博客写作来说,一个方便好用的图床尤为的重要。我选用的七牛云配合极简图床实现的。

七牛云注册

登录其官方注册个人账户,然后在对象储存中添加新的储存空间。

在内容管理中可以上传图片素材,并且拷贝图片链接到MarkDown编辑中使用。

这样的操作显然有些复杂,所以要配合接下来的极简图床来使用。

极简图床注册

访问极简图床的页面,注册账号。

如果是Chrom浏览器,推荐安装其插件,方便以后的图片上床。
为了获得更大的私人空间。之前注册的七牛云就派上用场了。免费用户有10G的储存空间,一般的个人博客够用了。

点击右上角的齿轮按钮。在极简图床中配置七牛云的空间。

这里所指的域名可以在七牛云的空间概览中查询。AKSK可以在七牛云个人信息的密钥管理中获得:

使用

当需要嵌入图片的时候,点击浏览器上的极简图床Chrom插件。其他不支持插件的浏览器可以保存极简图床的网址,将图片通过拖拽或者选择的方式上传,下面会给出相应的连接。比如MarkDown。复制连接到MarkDown文本中需要的位置,就可以插入使用了。非常方便。


其他

由于我选用的Next主题,主题的设计者给出了详细的设置教程。所以配置相对简单,同时Next本身功能也很丰富。可以加入诸如:搜索 分享 统计 打赏等众多功能。
同时文章《hexo的next主题个性化教程:打造炫酷网站》里也有详细的设置方法。
这里不做过多赘述。至此,一个属于自己的博客搭建完成。博客搭建对于初学者来说相对复杂,但是一劳永逸。接下类持续的内容输出才是一件有挑战的事情。


本文也发在我的个人微博(http://www.hhyqhh.top/)中,欢迎访问!

原创粉丝点击