去年创建的个人网站,我又给它加多了一些新功能。

简介: 去年创建的个人网站,我又给它加多了一些新功能。

Hello 大家好,我是安哥。

去年写过一篇介绍自己创建了一个博客的文章,创建博客之后,陆陆续续上传了一些文章,还不至于把博客完全荒废了。

博客,可以算是一个个人网站,相比于公众号,博客可以玩或者说可以自定义的地方更多,比如它可以像手机那样,换上各式各样的主题,给人不一样的视觉效果。

我的博客是用 Hexo 框架搭建的,下面是我收集的一些比较好看的 Hexo 主题(其实也没有收集很多主题,暂时只有三个):

  • hexo-theme-next 主题

380877092f9626aa99fe45351e28d8e4_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

  • hexo-theme-matery:最近刚看到博客主题,页面左下角带有播放音乐的控件

207b5ec082933e8775ec772b1e30c869_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

  • hexo-theme-fluid:我的博客目前正在使用的 Hexo 主题

5e68ccb3db86d3e5259d595adeeb4bdd_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

如何为 Hexo 博客换上不同的主题?


如果你对前面介绍的 Hexo 主题感兴趣,可以去 GitHub 上搜索主题的名字,就能找到对应主题的代码文件。

点击绿色的「Code」按钮,选择「Download ZIP」,下载整个项目的源文件。

8cc3e42b2b603e90e92290b0553399c4_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg

将下载的 ZIP 文件解压,将解压后的整个文件放进 Hexo 博客的 themes 文件夹中。

dfd7b98c12a29588d33e1b66396e6409_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg

下载下来的主题一般都会带有主题作者的信息,在应用到自己的博客之前,需要先进行修改。

如果你不知道如何修改主题中的信息,可以查看主题的作者是否提供了主题的「说明文档」或「使用文档」。

以我在用的 Hexo 主题「hexo-theme-fluid」为例,主题的作者写了一份详细的「配置指南」,给初次使用第三方主题的人提供了非常详细的指导。

97fb3d00f121fc160c98be5cb13d229a_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg

Hexo 主题「hexo-theme-fluid」配置文档:https://hexo.fluid-dev.com/docs/guide/

如果你使用的 Hexo 主题没有提供配置文档,也可以来参考上面的配置文档,因为多数 Hexo 主题的配置,都是大同小异的。

添加 RSS 订阅链接


虽然之前写过一篇介绍通过 RSS 来订阅多个的内容平台的文章,但我自己却没有为自己的博客生成 RSS 订阅链接的意识🤦‍♂️

想起来要给博客添加 RSS 订阅链接,还是推特上一位网友给我提的。

为博客添加 RSS 订阅链接,需要安装一个插件「hexo-generator-feed」,具体可以参照 GitHub 上的一个项目「hexo-generator-feed」。

5909a7ad20a3f5dea86c2a7399d4be3e_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg

hexo-generator-feed 项目地址:https://github.com/hexojs/hexo-generator-feed

这个插件需要在终端中使用 npm 命令行工具安装,安装之前,需要打开终端(终端在 Windows 上叫做「命令行」),使用 cd 命令进入 Hexo 博客项目文件存放的位置。

例如我将 Hexo 博客项目文件存放在本地磁盘的 /workspace/hexo_blog 路径下,因此 cd 命令输入的内容如下:

cd workspace/hexo_blog

cd72babaf8b38d762d213739be92c201_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg

进入 Hexo 博客项目文件所在的位置后,输入下方的命令安装「hexo-generator-feed」插件:

npm install hexo-generator-feed --save


安装了插件后,我们还需要对插件进行配置,插件项目的说明文档也对配置进行了说明:

d1a468ff1f8396025ebcdba8a2a2a831_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg

说明文档中配置的参数比较多,但其实我们可以偷懒,不需要配置那么多参数。

打开博客项目文件夹中的配置文件 _config.yml,可以用记事本打开,也可以用代码编辑器,例如微软推出的 VS Code 打开。

425935658e2ef80238b6b883524fc2e8_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg

打开配置文件,滑动到文件的最底部,在最底部加上下方的内容:

# 订阅 RSS
feed:
 type: atom
 path: atom.xml
 limit: false

813cd7e1a0e96848c279e930c14036d0_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg

修改好 _config.yml 文件后,按下快捷键 Ctrl + S 保存我们的修改。

接着打开博客项目中存放主题的文件夹 themes,接着再进入博客当前使用的主题中。

以下图为例,我进入了我使用的 Hexo 主题「fluid」的文件夹中,其中也有一个名为 _config.yml 的配置文件,同样使用记事本或者代码编辑器打开它。

788a070693f23dbb4a777d1a14cfcaf2_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg

同样滑动到配置文件的末尾,在空白处加上下面的一行内容:

rss: /atom.xml

0d9e90080e938e502799d360852588d4_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg

加入上面的一行代码之后,同样 Ctrl + S 保存文件。

此时,将所有的修改 Push 到远端的服务器,稍等一会,就可以使用 RSS 来订阅自己的博客了,RSS 链接为:博客域名/atom.xml

举个例子,我的个人博客域名为 penghh.fun,我的博客 RSS 订阅链接相应地就是:penghh.fun/atom.xml

如果你有使用 RSS 阅读器来获取信息的习惯,可以将我博客的 RSS 链接添加到你的 RSS 阅读器中:

3a50798b3a95998b0e6ea71f4a97501d_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg

这部分给 Hexo 博客生成 RSS 订阅链接的内容,参考了网友 @千古壹号 写的内容,原文如下,可扫码阅读:

添加单篇博客阅读量统计


博客不像公众号——会在文章页面的左下角显示阅读数,如果我们想要为博客添加单篇文章阅读量的统计功能,还需要手动进行配置。

配置之前,最好先查看一下你使用的 Hexo 主题的配置文件 _config.yml 是否已经写好了相关的代码,只是默认暂未开启统计功能。

打开 Hexo 主题的 _config.yml 文件,按下快捷键 Ctrl + F 打开搜索功能,你可以试着使用下方这些关键字进行搜索,查看 Hexo 主题是否写好了统计博客阅读量的代码:

  • web analytics
  • views
  • leancloud

40e6817a2cce64a3cbbaaef33c1ef900_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg

譬如,我使用的 Hexo 主题「fluid」就写好了统计阅读量的代码,只是缺少相应的配置,默认就无法统计单篇文章的阅读量。

这里我使用一个第三方服务 Leancloud 来统计文章的阅读量。

首先需要打开 Leancloud 的官网,注册一个账号,注册好账号之后,点击左上角的按钮,创建一个应用。

58c63e04798b3b70479c0fad592901de_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg

创建时「应用名称」可以随你自由命名,下方的「应用计价方案」选择「开发版」就好,不需要花钱,接着点击右下角的蓝色按钮「创建」。

c8e8ab897e32619f3d9c7b97650c5268_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg

创建好应用之后,打开应用的「设置 >> 应用 Keys」,页面中有两个参数,一个是 AppID,一个是 AppKey

这两个参数下方的值等会要用到,暂时不要把网页关掉。

92f0faac2bce9e759c0cbbb857298a15_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg

回到博客主题的配置文件中,搜索 Leancloud,如下图所示,可以看到 leancloud 下方有两个需要配置的参数,一个是 app_id,一个是 app_key,这两个参数的值就分别对应上面说到的 AppIDAppKey

1175b37c1d77381cee5a43c350f9899a_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg

接着我们还要开启每篇博客的数据统计的功能,在博客主题配置文件中搜索关键字 view。
每篇博客的数据统计 views 下方有两个参数,一个是 enable,将其设置为 enable 或 true 都可以;一个是统计的来源 source,设置为 leancloud。

b8bf74307c1386bd51fa85b0b6920215_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg

完成以上配置之后,将所有变更 Push 到服务器,稍等一小会,刷新自己的博客,一般情况下,就可以在每篇博客的顶部看到阅读量的统计数据了。

ce41ea09be8016239773da0f5d5ccc87_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg

交换博客「友情链接」


不像以前,现在刚起步做博客更难了,因为许多人都不怎么在电脑端阅读内容了,都更倾向于使用手机获取信息,而且人们更喜欢观看视频而非枯燥的文字内容了。

基于种种原因,从零开始做一个博客,真的难上加难。

因此,如果你刚好也有自己的博客,且有交换友情链接🔗的想法,不嫌弃的话,可以在评论区留言,我们互相在各自的博客添加彼此的链接。

你的博客链接的位置,我已经留好了。

5a122320c07e4b884273cb4aa9ac38b5_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg


以上就是本次想和你分享的内容。


相关文章
|
6月前
|
运维 小程序 前端开发
好的商业模式-----小程序定制资料,加一张好看的海报,在推广中就可以找到用户中了,云服务部署收5000,部署是一种服务,定制化,游戏开发创者,仲裁劳务会剪视频好,提供服务,想增加一些新功能收费,会说
好的商业模式-----小程序定制资料,加一张好看的海报,在推广中就可以找到用户中了,云服务部署收5000,部署是一种服务,定制化,游戏开发创者,仲裁劳务会剪视频好,提供服务,想增加一些新功能收费,会说
|
8月前
|
运维 搜索推荐 数据安全/隐私保护
如何巧用阿里云搭建公司网站?
现在是互联网时代,很多企业都注重互联网,通过做公司网站进行展示及营销。公司网站好处有以下几点:
152 0
|
设计模式 Cloud Native Java
GitHub爆出阿里内部突击路线+配套学习资源,直接霸榜
又到了一年一度的备战秋招的时间,虽然这两年因为经济环境不太好,年初互联网行业的各大厂都再裁员,前半年的行业发展趋于平稳,随着经济形势正在复苏,今年秋招各个公司hc也逐渐开放,很多小伙伴也反馈面试机会变多了,想查缺补漏冲刺大厂,我软磨硬泡终于从阿里p8手里弄来了突击秘籍,分享给大家。 涨薪秘籍从Java核心并发开始,到经典的框架源码设计模式、分布式微服务架构设计、微服务NetFilx体系和Alibaba体系、微服务架构性能调优、云原生以及虚拟化、Spring Cloud Alibaba项目实战。
176 2
GitHub爆出阿里内部突击路线+配套学习资源,直接霸榜
|
JSON 缓存 NoSQL
Github上线就星标120k!这份阿里独有的高并发实战笔记首次曝光
总有些小伙伴问当下最火的热门技术是什么?
176 0
|
存储 算法 安全
哈希竞猜游戏系统开发正式版/成熟案例/方案项目/源码平台
 Hash,一般翻译做散列,或音译为哈希,是把任意长度的输入通过散列算法变换成固定长度的输出,该输出就是散列值。这种转换是一种压缩映射,也就是,散列值的空间通常远小于输入的空间,不同的输入可能会散列成相同的输出,所以不可能从散列值来确定唯一的输入值
|
设计模式 数据库 iOS开发
建站新功能上线,我用5分钟搭好一个网站!
建站新功能上线,我用5分钟搭好一个网站!
390 3
建站新功能上线,我用5分钟搭好一个网站!
|
开发者
《07代码即服务-让开发者快速上云(最终版)》电子版地址
07代码即服务-让开发者快速上云(最终版)
59 0
《07代码即服务-让开发者快速上云(最终版)》电子版地址
|
小程序
我要上官网,上云案例征集活动启动啦! 提交案例,得大奖!【阿里云】
云产品是什么,公司业务需要上云吗,怎么上云?大量用户对上云不了解,怎么办? 看同行业别人怎么上云的!不同行业不同发展阶段的上云案例库将助力用户0门槛的轻松上云!
11380 0
我要上官网,上云案例征集活动启动啦! 提交案例,得大奖!【阿里云】
|
新零售 开发者
阿里巴巴小程序繁星计划 官方钉群正式上线
3月21日,在2019阿里云峰会·北京上,阿里巴巴旗下的阿里云、支付宝、淘宝、钉钉、高德等联合发布“阿里巴巴小程序繁星计划”:提供20亿元补贴,扶持200万+小程序开发者、100万+商家。凡入选“超星”的小程序,入驻支付宝、淘宝、钉钉、高德后还能得到流量重点支持。
7888 0