【jekyll】建站日记.

2017年05月06日

Author: Guofei

文章归类: 前端，文章编号:

版权声明：本文作者是郭飞。转载随意，但需要标明原文链接，并通知本人
原文链接：https://www.guofei.site/2017/05/06/blog.html

Edit

用docker使用jekyll

有了docker，就不用很麻烦的配置了，只需要一行

docker run --rm --label=jekyll --volume /c/try_for_docker1:/srv/jekyll -it -p 127.0.0.1:4006:4000 jekyll/jekyll jekyll serve --force_polling --destination /srv/jekyll/blog --source /srv/jekyll/blog_md_dir

也可以用 bash 进去，允许手动进行一些操作

docker run --rm --label=jekyll --volume /c/try_for_docker1:/srv/jekyll -it -p 127.0.0.1:4006:4000 jekyll/jekyll bash

网站结构

jekyll官网写的很简洁明了，用的时候去查

变量
 模版
 语法

高级功能

Google Analytics

一个用来统计用户点击的分析网站

https://analytics.google.com/

使用很简单，一步一步照着做就行了

LaTeX支持

在header里加入这么一句就可以使用LaTeX了。

<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/x-mathjax-config">
  MathJax.Hub.Config({
  tex2jax: {
    inlineMath: [['$','$'], ['\\(','\\)']],
    processEscapes: true
    },
  TeX: {
              equationNumbers: {
                  autoNumber: ["AMS"],
                  useLabelIds: true
              }
          },
          "HTML-CSS": {
              linebreaks: {
                  automatic: true
              },
              scale: 85
          },
          SVG: {
              linebreaks: {
                  automatic: true
              }
          }
  });
</script>

语法很简单，
Line1是import MathJax这个js包，
Line2是配置MathJax

2017-05-07新加：原mathjex包将被关停，改为以下继续使用：

<script type="text/javascript" async
  src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>

文档见于官网

这时出现一个新问题
问题描述：
点击侧边栏上的按钮，打开一个页面时，LaTeX不能正常渲染。
问题分析：
点击侧边栏时，没有回调MathJax。
问题解决：
在base.js中的函数contentEffects()中插入这么一行代码：

MathJax.Hub.Queue(["Typeset", MathJax.Hub]);

效果 y=∮lα1+e−zdzy=∮lα1+e−zdz

加入404公益

在404.html页内插入这个

<script type="text/javascript" src="//qzonestyle.gtimg.cn/qzone/hybrid/app/404/search_children.js" charset="utf-8" homePageUrl="http://www.guofei.site" homePageName="回到郭飞的博客"></script>

echarts支持

首页引用echarts即可，直接支持异步调用等
echarts图的代码放在markdown结尾时，chrome无法解析
360，Edge，chrome本地都能解析，未找到原因。
只要结尾写几个字就一切正常了，因此几乎不影响使用。

一些实用图标

http://www.fontawesome.com.cn/faicons/

<i class="fa fa-tags fa-lg"></i>
<i class="fa fa-archive fa-lg"></i>
<i class="fa fa-user fa-lg"></i>

一些js代码

site.categories

使用方法介绍

{ % for category in site.categories % }

插入音乐

<iframe frameborder="20" border="20" marginwidth="10" marginheight="0" width="298" height="80" src="/public/assets/追梦人.mp3"></iframe>

打赏模块

见于 https://github.com/guofei9987/donate

颜色美化

code颜色示例

import numpy as np
import pandas as pd
import matplotlib.pyplot as plt
'string'
data = np.random.uniform(low=-5, high=5, size=(100, 2))
data=pd.DataFrame(data)
mask = (data.iloc[:, 0] + 0.5* data.iloc[:, 1])<0
data['y']=mask*1
obj.attribute
data1 = data[data.iloc[:, 2] == 1] #为了画图，两类不同颜色
data2 = data[data.iloc[:, 2] == 0]
plt.plot(data1.iloc[:, 0], data1.iloc[:, 1], '.')
plt.plot(data2.iloc[:, 0], data2.iloc[:, 1], '.')
plt.show()

jekyll代码示例

之前的首页，展示近期文章-机器学习-智能算法这几个项目

<!--<font color="#601986">进</font><font color="#556fb5">一</font><font color="#fa1089">寸</font><font color="#638c0b">有</font><font color="#e00089">一</font><font color="#0a1089">寸</font><font color="#f0c089">的</font><font color="#00c380">欢</font><font color="#cc1089">喜</font>--></h3></center>
<!--之前的首页，展示近期文章-机器学习-智能算法，有点丑，换成模版中的archive.html
<div class="row">
<div class="col-md-12">
  <div class="panel panel-primary">
    <div class="panel-heading"></div>
    
  </div>
</div>

</div>
-->

解析到www

github 端用www.guofei.site

阿里云解析时用cname 和 @ 和 guofei9987.github.io

一些有用的图标

timeline那一部分专用

Milestone / 小事记

My Timeline

Just Now

目标：人工智能算法的某个细分领域，影响全世界！

------------------ 2 0 1 7 ------------------

Oct 22, 2017

做了一次志愿者示例

Nov 28, 2016

成为一个专栏作者示例

Mar 16, 2016

学会一本书示例

Jan 21, 2016

小房子，用于搭建了博客之类的

Sep 01, 2014

做了某件大事示例

July 01, 2014

获得学位示例

May 30, 2014

发论文示例

Oct 20, 2013

------------------ 2 0 1 1 ------------------

Mar 20, 2011

入学示例
<(▰˘◡˘▰)>

## 双线解析 - 调研了阿里云oss挂载静态网页，感觉非常麻烦。 - gitee双线部署，但gitee收费不低 - coding https://www.sunweihu.com/5159.html - 双线路 https://www.jianshu.com/p/a530cd48a059

您的支持将鼓励我继续创作！

【jekyll】建站日记.