zoukankan      html  css  js  c++  java
  • Hello, 2016

    前言

    XuXinkun 的 Blog 终于开通了。

    之所以说终于,是因为真是费了九牛二虎之力。对于一个对前端一窍不通的人来说,最好的博客是一个傻瓜式,只要写写文档,就能自动生成的工具或者流程。
    当然了,如果样式也漂亮一些,那就更加完美了。

    最开始,我找到了这样的一个StrayBirds模板。如README中所说,这个模板的好处是入手即用,并有多种theme可以选择。
    但是总是让我感觉有些缺憾,就是他的样式不那么令我满意。直到我看到了这个知乎上的回答

    黄玄的博客给人耳目一新的感觉。而且简洁明快。更重要的是,他能够支持各种设备(包括手机、pad、pc端阅读),而精致体验不变。
    这样赞的样式,不得不给一个Star。而且也忍不住fork一下,作为自己博客的样式。

    虽然有了成品,但是在使用过程中还是遇到一些麻烦。在此记录下。

    Github Pages

    github pages是github提供出来的一种托管的页面。因此利用Github Pages来做博客是再合适不过了。更多的帮助可以看这里

    这里主要介绍一下其中要注意的点。当你github的Repository name是username.github.io时,你的 ''master'' 分支才是用于生成Github Pages的。
    而其生成的页面会直接在根路径下,类似于这样 ''http://xuxinkun.github.io/''。

    而如果Repository name不是username.github.io,比如StrayBirds,则需要创建 ''gh-pages''分支用于自动生成页面。相应的其生成的页面路径也会带有Repository name,类似于 ''http://minixalpha.github.io/StrayBirds/'' 这样

    Repository name可以在Repository的Settings里修改。

    Huxpro/huxpro.github.io的直接使用时,最好使用username.github.io的方式来进行使用。不然会有一些路径上的问题,需要自己再进行调整。

    Build

    上传好后就github会直接帮你编译。几分钟内就可以在你自己的username.github.io上看到效果了。不过如果想要在本地调试,试看效果的话,可以在本机安装jekyll。

    参照jekyll安装进行安装。安装完后,在你项目的文件夹直接运行

    jekyll serve
    

    然后访问 ''http://127.0.0.1:4000'' 就可以看到效果了。

    Duoshuo

    多说提供了很好用的评论和分享系统。你需要做的是

    1. 使用关联账号登录
    2. 创建一个站点 ''http://duoshuo.com/create-site/''
    3. 记录下你填写的多说的域名 ''http://xxx.duoshuo.com''
    4. 把xxx填入到 ''_config.yml'' 中的duoshuo_username中。

    注意_config.yml中的duoshuo_username中并不是你在多说的用户名,而是你在多说的域名。

    Thanks

    感谢Hux开源出的如此优秀的模板。

  • 相关阅读:
    C++中整型变量的存储大小和范围
    A1038 Recover the Smallest Number (30 分)
    A1067 Sort with Swap(0, i) (25 分)
    A1037 Magic Coupon (25 分)
    A1033 To Fill or Not to Fill (25 分)
    A1070 Mooncake (25 分)
    js 获取控件
    C#代码对SQL数据库添加表或者视图
    JS 动态操作表格
    jQuery取得下拉框选择的文本与值
  • 原文地址:https://www.cnblogs.com/xuxinkun/p/5291099.html
Copyright © 2011-2022 走看看