博客定制说明

博客定制

除了定制_config.yml文件,另外再提一些东西

目录说明

_include/ 下是网页各个子部分
_layouts/ 下是各个大部分对小之部分的组合

css 样式

一般以class的方式定义在css文件中,例如about.html文件中有如下代码:

<section id="{{ page.section-type }}" class="container content-section text-center">
  <div class="row">
    <div class="col-md-10 col-md-offset-1">
      {{ page.content | markdownify }}
    </div>
  </div>
</section>

text-center 字体居中

背景色

  • _sass/_variables.scss 中定义背景色、字体颜色
  • 可以包含背景图片。参考 _includes/header.html 即首页使用intro属性


调试方法

建议使用chrome浏览器,按F12调试网页,可以在线修改网页属性看效果

博客发布

  • 如果在Windows下编写markdown博客,
    推荐使用 简书 + Winscp + notpad++ 的组合


    注意必须Windows下必须使用notepad++编辑并保存为UTF-无BOM格式,否者会编译不通过。

  • 项目根目录有个脚本build-push.sh,可以用于一键发布

    ./build-push.sh
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容