博客撰写

图片居中

这是很常见的问题,markdown中图片只有左对齐,没有其他的美化。一般来说,如果图片宽窄适合,左对齐看起来也能行;但如果图片太窄,左对齐就会显得特别难看。一般处理这种问题的方法是使用html标签。

如下两张图片:

图片一

图片二

通过自定义style来对图片格式进行修改,注意有的markdown编辑器会自带一些css文件,所以如果想使用自己定义的风格,要记得加上 !important

另外,markdown的一些其它的技巧,可以参照文章

Jekyll 模板修改

css部分

  • 博客整体的css为_sass文件夹
  • 其中common/_variables.scss中保存了一些模板的参数
  • layout文件夹中文件时整体的css设置,需要整体改动的可以修改这里,基本都是css语法

static部分

  • 基本上静态的内容都在asset文件夹下,例如引用图片:/assets/images/云计算-pic1.png
  • 里面blog.css部分是Jekyll处理后得到的博客整体的css文件
  • 其它的一些静态文件,如js、css、font都可以放到这个文件夹

模板文件

  • _includes文件夹存放各个组件的生成的渲染
  • _layouts文件夹中存放页面的布局,基本是通过引用各个component的生成来完成

其它部分

  • _sass_cache文件夹是sass旧备份

  • _data文件夹中locale.yml存放博客的联系信息等 variable.yml存放博客的整体结构信息

  • _includes文件夹下是博客的组件,比如Lisence、Footer、article-data等等,如果需要修改某一个component的样式或者数据获取方式,可以从这里进行修改

  • _layouts文件夹存放各类型页面的布局,比如主页、博客、搜索页面的模板,如果需要对某类页面进行样式修改,可以直接在这些页面中添加内容,通过这些布局文件,可以看到帖子的渲染过程

  • _post是所有的md博客,其中还有很多进阶功能没有使用到,之后可以花时间看下

其它样式修改

添加关闭目录

修改_include/script/post.html中的_toc_selectors置空,从而关闭目录的获取
需要注意的是,由于有目录和没有目录是两套样式,在PC端显示都已经调整正常,但是在手机端还没能完全适配,所以暂时关闭了目录

修改域名

当前博客通过CNAME将 taoer1996.github.io 指向 zengyutao.me,然后又由A记录指向github博客服务器IP,所以经过了两次解析,之后也可以直接将博客托管至私人服务器上

Jekyll文档

如果需要对博客进行进一步的扩充和处理,可以参照文档

本文遵守 CC-BY-NC-4.0 许可协议。

Creative Commons License

欢迎转载,转载需注明出处,且禁止用于商业目的。

上篇一些资源汇总
下篇TAC评测