使用github搭建个人博客,github搭建免费个人网站

首页 > 经验 > 作者:YD1662022-11-04 09:38:34

该主题是猴哥基于 MatJek 主题进行修改,同时也修复几个缺陷。如果你想获取猴哥同款主题,在公众号后台回复『主题』即可获取。4.Jekyll 本地环境搭建如果我们想对主题界面进行修改,每次预览界面需要将文件同步到 Github 仓库,这样操作不太方便。因此,我们可以本地搭建个 Jeklly 环境,方便我们调试。因为 Jeklly 是基于 Ruby 语言编写的,所以我们需要安装 Ruby 环境。我以 Windows 环境下安装为例,Mac 环境比较简单,可以执行搜索搞定。首先,我们到 Ruby 下载安装包,最好下载带有包管理工具 devkit,方便后续安装各种组件。安装 Ruby 之后,会弹出提示安装 MSYS。MSYS 是 Windows 上模拟 GUN 环境的组件。这里选择选项 3 进行安装。

使用github搭建个人博客,github搭建免费个人网站(13)

进入到本地项目文件中,启动终端,依次执行以下命令。

使用github搭建个人博客,github搭建免费个人网站(14)

~ $ gem install jekyll bundler~ $ bundle install~ $ bundle exec jekyll serve # 启动本地服务器

然后打开浏览器,访问 http://localhost:4000 就能预览本地网站的界面效果。5.SEO 优化该主题已经集成用于 SEO 优化的 jekyll-seo-tag 插件,我们简单修改 _config.yml 里面的这几个字段。•title(博客主题)•subtitle(博客副标题)•description(网站描述,尽量增加跟网站内容的关键字)接着是优化网站文章的 URL 链接。默认 Jeklly 的 URL 的 Path 路径是 /:year/:month/:day/:title,显示效果如/2019/11/12/我的第一篇文章.html。这种固定链接不太理想。猴哥总结 URL 地址的 SEO 优化三个原则:1.日期需要出现在固定链接中。 这基于两个方面的考虑。一是如果数字出现在固定链接里面,等于提醒搜索引擎,这是很旧的内容了,没必要再爬一遍了。另外一个原因是,假如你要修改文章的日期重新发布的话,链接地址就变了,也就是意味着你的反向链接,PR 等等都没有了。2.链接的层次不要太深 默认的固定链接是 /年/月/日/文章名。这种层次过深,不方便搜索引擎爬虫的抓取,对搜索引擎的收录不太友好。3.链接中不要出现中文 虽然现在的搜索引擎已经能识别URL地址里面的中文字符, 但无论是从美观上,以及中文字符会被转义的角度上看,都是非常差的。猴哥推荐两种固定链接方案。一种是 /postname/,基于文章的英文单词翻译;另一种是 /post_id/,基于文章发布的 ID 号。因为是静态网站,所以必须按照 Jeklly 的规范来设置 URL,第一种方式也就被排除,只能选择第二种方案。Jeklly 提供的路径变量只有几个,不够灵活。最后我花费九牛二虎之力,翻阅 Jeklly 中文网站,找到一个伪 postid 的方案。Path 路径设置为 /:short_year:i_month:i_day.html, 即利用日期的部分字段来拼凑。这里我进行讲解下。比如一篇文章于 2017-06-25 发布的,Jeklly 会将年前面两位去掉;月份如果是10月之前去掉数字 0,没有则直接保留月份;日跟月份一样会去掉数字 0;因此,最后的 Path 路径是 17625.html。6.发布文章网站主题搭建工作完成之后,我们就能往博客上填充内容。文章一般是用 Markdown 语法编写的,存放在 _posts 文件中。

使用github搭建个人博客,github搭建免费个人网站(15)

文件的命名规则是:年-月-日-文章标题.md

使用github搭建个人博客,github搭建免费个人网站(16)

上一页12345下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.