使用属性选择器为 Markdown 里的图片添加样式

在写 上一篇文章 的时,文章开头有一张示例图,为了节省空间,我用的图片一般都不会很大,并且那张图只是Google出来的,没有调整就直接放上来了。

在列表页看着图片居左就很难受,想要把它居中放置,但是不想用 HTML 的方式来写,就突然想起来早前有看到过 肉大的一篇分享,是通过 CSS属性选择器 来实现的,就想着自己也可以整理一下,然后放到博客的主题当中使用,以后图片排版就会方便很多。

阅读全文

Hexo 主题开发

去年就开始说要更新博客主题了,拖到现在终于有点空闲时间和动力了,相信大家已经使用过 Hexo 了,安装之类的我都不多废话了,直接开始。

想要自定义一个 Hexo 主题大概需要了解一个 模板引擎,Hexo 内置了 Swig,我所用的是默认安装的 EJS,反正都差不多,都提供了一些模板语法,书写还是按照Js的方法来的。
然后先按照文档创建完主体目录结构和模板组件,就可以开始开发了,我比较偷懒没有使用 yeoman + generator-hexo-theme 来创建,直接复制了原先的 landscape 主题。

哦,对了!还要选择一个CSS预编译器,我还是没有选择适用了默认安装的 Stylus,你也可以按照习惯去安装,并且 install 对应的 Hexo 插件。

阅读全文

如何让百度收录自己的Github Pages

为何百度不收录 Github Pages ???
起初还以为是应为自己写的文章很少关键词检索量不够所以没有被百度收录。
等了有几个月,Google 和 Bing 都收录了,百度还是没有动静,就查了下为啥不会被收录…

结果最后发现因为早些年
百度统计被劫持然后 DDos 攻击了 Github…
对 Github 用户造成了可用性的问题,然后被 Github Ban 掉了,对百度 UA 直接 403。

所以只能靠自己来做一些工作让百度蜘蛛可以收录自己的 Github Pages

具体方式有几种,我选择在国内搭建一个镜像(成本最低,Hexo 支持多个 Git 地址)
针对百度蜘蛛,解析到镜像服务器上以此来达到收录 Github Pages 的效果

阅读全文

Hexo 主题开发 -- 代码块颜色高亮

使用 Hexo 框架,在发布之后会自动给你的代码块进行区分,并没有安装其他依赖。
然后根据生成的 html 基础上进行代码高亮。
只需要匹配对应类名加上 CSS 样式就可以完成基础的代码高亮。

  • 代码块:
    • HTML
    • Javascript
    • css
  • 代码行

先开坑,慢慢填坑。可能要等到 Jeecg-boot 之后陆陆续续完成,也有可能提前,随缘。

阅读全文

Hexo 主题开发制作

前置

Hexo 的安装就不讲了,直接开始我在制作 Hexo 主题遇到的一些问题。

首先
在使用 Hexo cli 脚手架创建完 Hexo 项目后会有一个默认官方主题 landscapethemes 目录中复制一份出来重命名成自己的名称,例如我的就是改成了 yogwang,并且在根目录中的 _config.yml 中修改主题为自己的主题

阅读全文

Hello Hexo

Hello Hexo,Hello Github Pages

2019.7.9 11:59:16