- 响应式排版优化 - 最大宽度设置成1680px
- 增加了一个
哈迪斯的暗黑
色调 - 可以在右边侧栏菜单里切换试试 - 增加了置顶的逻辑 - 被置顶的文章将会被排到最前面
- 增加了将文章自动推送至百度搜索引擎的功能
麻烦各位大大gulp pull
更新最新源码和主题。跪谢!
gulp pull
一个命令同时更新博客和博客主题
之前git pull
之后需要跑到themes/o2 目录下做一次 git pull
,现在将这两个操作合并到了gulp pull
命令中.
- 静态资源资源优化
- 做了导航样式在各分辨率下的细节优化
- 合并themes/aotu至themes/o2
在根目录git pull
更新之后,别忘了跑theme/o2
目录下进行git pull
更新至最新的主题
- 使用github头像
记得将你们在github的头像更新到最帅,将你github的用户名在文章内头部填好即可!
- hexo-wordcount 显示博文字数
- 不蒜子 统计博文的pv
- 每日一句英文警句
- 多说评论
-
安装hexo
npm i hexo-cli -g
-
将o2team.github.io的源码拉到本地
git clone [email protected]:o2team/o2team.github.io.git o2team
-
初始化子模块(submodules)
cd o2team git submodule init git submodule update # 切换至themes/o2目录,签出master分支 cd ../themes/o2 git checkout master
-
安装nodejs包
# 切换回根目录下 cd ../../ npm install
-
运行
hexo s --watch
运行上述命令后,浏览器打开 http://localhost:4000 即可本地访问我们的网站
有两种方法创建文章,可任选其一:
注意:文件名不要出现中文!!!
- 使用
hexo new
命令
$ hexo new "My New Post"
- 拷贝现有的文章进行修改
hexo使用markdown来编辑文章,在source目录下,拷贝任意md文件进行创建新的文章。具体可参考下hexo的官方说明
-
使用markdown写博文
-
博文图片统一位置:
source/img/post/
在博客内容中可以使用pimg
自定义标签来引用图片。注意别覆盖了别人的图片!!!其语法格式为:
{% pimg imageName [alt text] [JSONImageAttibutes] %}
例如:
{% pimg post-aotu.jpg "空格请用%20来区分" '{"title":"hello","class":"test_img"}' %}
需要注意的是:pimg
利用空格来划分字段属性,如果一个属性的值需要空格,请将空格用%20
代替!!! -
为了保证博客整体美观,每个文章需要一张配图(大小:840x340)
-
指明文章的副标题、作者信息、封面图片地址
subtitle: "凹凸实验室博客是一个托管于Github的静态博客,基于HEXO搭建..." date: 2015-11-20 00:24:35 cover: "封面图片地址" tags: - Hexo author: nick: LV主唱大人 github_name: mamboer
-
利用
<!-- more -->
设置文章的摘要示例:
title: 文章标题 --- 这部分是文章摘要,这部分是文章摘要。在hexo模版里可通过 {% raw %}{{ post.excerpt }}{% endraw %} 来引用。 <!-- more --> 这里是文章的剩余部分。在hexo模版里可通过{% raw %}{{ post.more }}{% endraw %} 来引用。
实际使用请参考[本文]({{ raw_link('_post/2015-11-20-aotu-blog-v1.md') }})。
为了便于统一维护,博客的发布由LV
负责。同学们写好博文并在本地预览OK后直接提交Github即可。