sudo apt-get install ruby ruby-dev build-essential
gem install bundler
gem install jekyll-paginate# Install Ruby Gems to ~/gems
export GEM_HOME=$HOME/gems
export PATH=$HOME/gems/bin:$PATH然后保存,在终端输入
source ~/.bashrc使配置生效
gem install jekyll bundler查询版本:
jekyll --version升级
gem update jekyll要升级到最新的Rubygems
gem update --system jekyll server目录结构如下：_layouts 内的文件为骨架模板；_posts 内的 markdown 文件会转化为我们所需发表的文章；_config.yml 为配置文件。
添加模块canvas-nest.min.js到js目录下
修改layouts/post.html文件在开始添加下面代码
<!-- canvas-nest.min.js -->
<script type="text/javascript" src="../../../../js/canvas-nest.min.js"></script>background-image: url('{{ site.baseurl }}/{% if page.header-img %}{{ page.header-img }}{% else %}{{ site.header-img }}{% endif %}')改为
background-image: url({{ site.baseurl }}{% if page.header-img %}{{ page.header-img }}{% else %}{{ site.header-img }}{% endif %})就行了
<script src="../../../../js/activate-power-mode.js"></script>
<script>
POWERMODE.colorful = true; // 控制开启/开启礼花特效
POWERMODE.shake = false; // 控制开启/关闭屏幕震动特效
document.body.addEventListener('input', POWERMODE);
</script>把在rocket.css、signature.css和toc.css下载到css的目录下，然后在 include目录下的head.html文件的头部添加下面代码：
<link rel="stylesheet" href="/css/rocket.css">
<link rel="stylesheet" href="/css/signature.css">
<link rel="stylesheet" href="/css/toc.css">把在totop.js和toc.js下载到js的目录下，然后在include目录下的footer.html的最后添加下面代码：
<a id="rocket" href="#top" class=""></a>
<script type="text/javascript" src="/js/totop.js?v=1.0.0" async=""></script>
<script type="text/javascript" src="/js/toc.js?v=1.0.0" async=""></script>具体教程参考:不蒜子
下载网站
在post.html添加下面的代码:
<link rel="stylesheet" href="/css/prism.css" data-noprefix />
<script src="/js/prism.js"></script>下载官方的可能有问题,可以参考这两个:prism.css和prism.js
在右上角添加搜索功能.参考Soptq.github.io