Hello Hexo,Hello Github Pages
2019.7.9 11:59:16
在写 上一篇文章 的时,文章开头有一张示例图,为了节省空间,我用的图片一般都不会很大,并且那张图只是Google出来的,没有调整就直接放上来了。
在列表页看着图片居左就很难受,想要把它居中放置,但是不想用 HTML
的方式来写,就突然想起来早前有看到过 肉大的一篇分享,是通过 CSS
的 属性选择器 来实现的,就想着自己也可以整理一下,然后放到博客的主题当中使用,以后图片排版就会方便很多。
去年就开始说要更新博客主题了,拖到现在终于有点空闲时间和动力了,相信大家已经使用过 Hexo 了,安装之类的我都不多废话了,直接开始。
想要自定义一个 Hexo 主题大概需要了解一个 模板引擎,Hexo 内置了 Swig
,我所用的是默认安装的 EJS
,反正都差不多,都提供了一些模板语法,书写还是按照Js的方法来的。
然后先按照文档创建完主体目录结构和模板组件,就可以开始开发了,我比较偷懒没有使用 yeoman + generator-hexo-theme 来创建,直接复制了原先的 landscape
主题。
哦,对了!还要选择一个CSS预编译器,我还是没有选择适用了默认安装的 Stylus
,你也可以按照习惯去安装,并且 install
对应的 Hexo 插件。
为何百度不收录 Github Pages ???
起初还以为是应为自己写的文章很少关键词检索量不够所以没有被百度收录。
等了有几个月,Google 和 Bing 都收录了,百度还是没有动静,就查了下为啥不会被收录…
结果最后发现因为早些年
百度统计被劫持然后 DDos
攻击了 Github…
对 Github 用户造成了可用性的问题,然后被 Github Ban
掉了,对百度 UA 直接 403。
所以只能靠自己来做一些工作让百度蜘蛛可以收录自己的 Github Pages
具体方式有几种,我选择在国内搭建一个镜像(成本最低,Hexo 支持多个 Git 地址)
针对百度蜘蛛,解析到镜像服务器上以此来达到收录 Github Pages 的效果
使用 Hexo 框架,在发布之后会自动给你的代码块进行区分,并没有安装其他依赖。
然后根据生成的 html 基础上进行代码高亮。
只需要匹配对应类名加上 CSS 样式就可以完成基础的代码高亮。
Hexo 的安装就不讲了,直接开始我在制作 Hexo 主题遇到的一些问题。
首先
在使用 Hexo cli 脚手架创建完 Hexo
项目后会有一个默认官方主题 landscape 在 themes
目录中复制一份出来重命名成自己的名称,例如我的就是改成了 yogwang
,并且在根目录中的 _config.yml
中修改主题为自己的主题