↑↑↑点击上方“蓝字”关注“极客猴”
如果你喜欢 ,可以给我钉钉或者加注星标
标题图片:by ben.从
阅读全文大约需要 9 分钟。
正如上一篇文章《》中提到的,它可以用来构建个人博客网站。本文主要讲解各种细节。
1. 评估计划
我尝试过前面提到的几种博客解决方案,可以说各有各的特点和优势。在考虑是否选择某个方案之前,可以先了解其优缺点,然后根据自己的情况做出决定。
•优势:
1.完全免费。因为它本质上是一个仓库,但它官方提供网络托管服务。
2、简单省心。无需自己购买云服务,也无需担心环境搭建、系统维护等问题,只需要专注于编写即可。
3、带宽充足。使用时,项目和网站的大小不要超过1GB,并且不要过于频繁地更新网站内容(每小时不超过10个版本)。还要注意每月的带宽使用限制。对于个人网站来说这些其实已经足够了。
•缺点:
1、是静态网站,不支持数据库。对于涉及到一些数据存储的操作,需要自己寻找其他的解决方案。例如,浏览量的读者数、点赞数等统计。
2、访问速度比较慢。我们的网站托管在网站上,服务器节点在美国,所以访问速度不如国内主机快。
以上是我对这个计划的理解。如果你已经确定了自己的选择,就继续按照侯哥的思路,一步步建立自己的博客吧。
2. 创建一个简单的页面
首先,您需要注册一个帐户,然后进入个人主页界面并创建一个新帐户。
进入创建新仓库页面后,在name位置填写域名,格式为..io。我的id是-soft,所以域名如下图。
创建成功后,点击该列。
然后找到并选择提供的默认主题。
最后我们通过浏览器访问仓库的域名(..io)就可以看到系统创建的默认网页了。
3、选题
我们在上面讨论了选择默认主题,但这里是主题。那么它是什么?它是一个简单的静态站点生成器,可以将纯文本(通常是文件)转换为静态页面。有趣的是,它是由联合创始人 Tom 用 Ruby 语言编写的。因此,使用官方默认的方法来生成网页内容。
原来的主题太简单了,如果要自己修改的话,工作量是相当大的。使用其他作者制作的主题通常更容易。猴哥找到了三个主题网站,分别是:
•
•
•
您可以根据您的个人喜好选择合适的主题。我找到了一个名为的主题,并将主题压缩包下载到本地。
下载主题后,我们需要将主题文件同步到我们的网站,也就是远程仓库。如果您熟悉Git的使用,可以使用命令将仓库下载到本地。
如果你没有任何Git基础,又不想进行一些繁琐的配置,建议使用桌面客户端进行管理。我们需要下载桌面客户端,然后登录我们的账户,然后将仓库拉取到本地。注意存储路径不能包含中文字符。
找到仓库存放的文件夹,删除之前的所有文件,将刚刚下载的主题文件复制到当前文件夹中。
我们还需要修改配置文件。 .yml 是全局配置文件。它记录了网站的名称、网站的域名、网站的链接格式等。
我对原来的主题做了一些定制需求,将其集成得更像一个博客网站。这里我以自己修改主题的配置文件为例。如果使用其他主题,只需根据作者的要求修改.yml内容即可。
最后一步,我们将修改的内容同步到远程仓库。
完成以上操作后,我们就可以打开浏览器,输入我们的仓库地址来访问我们的网站了。
这个主题是猴哥根据主题修改的,也修复了几个缺陷。如果你想获得和猴哥一样的主题,可以在公众号后台回复“主题”即可获得。
4. 设置本地环境
如果我们要修改主题界面,每次预览界面时都需要将文件同步到仓库,很不方便。因此,我们可以在本地搭建一个环境,方便我们的调试。
因为是基于Ruby语言编写的,所以我们需要安装Ruby环境。我以环境中的安装为例。 Mac环境比较简单,搜索一下就可以搞定。
首先我们去Ruby下载安装包。最好用包管理工具来下载,方便后续安装各个组件。
安装Ruby后,会弹出安装MSYS的提示。 MSYS是模拟GUN环境的组件。此处选择选项3进行安装。
进入本地工程文件,启动终端,依次执行以下命令。
然后打开浏览器访问:4000即可预览本地网站的界面效果。
5.SEO优化
该主题集成了-seo-tag插件,用于SEO优化。我们只需修改 .yml 中的这些字段即可。
•(博客主题)
•(博客副标题)
•(网站描述,尽量添加与网站内容相关的关键词)
接下来是优化网站文章的URL链接。默认URL路径为/:year/:/:day/:,显示效果如/2019/11/12/我的第一篇文章.html。这种永久链接不太理想。
侯哥总结了URL地址SEO优化的三个原则:
1. 日期需要出现在永久链接中。
这是基于两个考虑。首先,如果该数字出现在固定链接中,则提醒搜索引擎这是很旧的内容,无需再次抓取。还有一个原因是,如果你想修改文章日期,重新发布,链接地址就会改变,这意味着你的反向链接、PR等都没有了。
2.链接层次不宜太深。
默认固定链接为/年/月/日/文章名称。这个层次太深,导致搜索引擎爬虫抓取不方便,对搜索引擎收录也不友好。
3.链接中不要包含中文
虽然现在的搜索引擎已经可以识别URL地址中的汉字,但无论是美观性还是汉字会被转义,都非常差。
猴哥推荐两种固定链接方案。一种是//,根据文章的英文单词翻译;另一种是//,根据发表文章的ID号。
由于是静态网站,所以URL必须按照网站的规范来设置。也排除第一种方法,只能选择第二种。只提供了几个路径变量,不够灵活。
最后我花了很多时间浏览中文网站,发现了一个假方案。 Path路径设置为/:::.html,是使用日期的一些字段拼凑而成的。
我在这里解释一下。例如,如果一篇文章发表于2017-06-25,则年份的前两位数字将被删除;如果月份在10月之前,则删除数字0;如果没有,则直接保留该月份;日期会像月份一样去掉数字0;因此,最后一个 Path 路径是 .html。
6. 发表文章
网站主题搭建工作完成后,我们就可以在博客上填写内容了。文章一般都是用语法写成的,并存储在文件中。
文件的命名规则为:年-月-日-文章标题.md。
md文件中必须包含头信息才能被识别。信息包括文章标题、撰写时间、分类、标签等。
我的想法是在文章首次显示时显示封面图片。我在文件中创建一个名为 img 的文件夹来存储封面图像。图片必须以日期的形式命名。
当一切准备就绪后,我们就可以使用客户端将内容推送到远程仓库了。
剧透预警,下一篇文章将分享使用Hexo搭建博客网站的解决方案。
如果您觉得文章不错,请转发分享给您的朋友~。
结尾
▼ 过往精彩回顾▼
我知道你在“看”