Skip to content

Littly/o2team.github.io

 
 

Repository files navigation

aotu.io

changelogs

v1.0.3 - 排版优化+置顶功能

  1. 响应式排版优化 - 最大宽度设置成1680px
  2. 增加了一个哈迪斯的暗黑色调 - 可以在右边侧栏菜单里切换试试
  3. 增加了置顶的逻辑 - 被置顶的文章将会被排到最前面
  4. 增加了将文章自动推送至百度搜索引擎的功能

麻烦各位大大gulp pull 更新最新源码和主题。跪谢!

v1.0.2 - 增加 gulp pull 命令方便大家更新源码

  1. gulp pull 一个命令同时更新博客和博客主题

之前git pull 之后需要跑到themes/o2 目录下做一次 git pull,现在将这两个操作合并到了gulp pull命令中.

  1. 静态资源资源优化

v1.0.1 - 合并theme/aotu至theme/o2

  1. 做了导航样式在各分辨率下的细节优化
  2. 合并themes/aotu至themes/o2

在根目录git pull 更新之后,别忘了跑theme/o2目录下进行git pull更新至最新的主题

博客的一些特性

  1. 使用github头像

记得将你们在github的头像更新到最帅,将你github的用户名在文章内头部填好即可!

  1. hexo-wordcount 显示博文字数
  2. 不蒜子 统计博文的pv
  3. 每日一句英文警句
  4. 多说评论

使用指引

  1. 安装hexo

    npm i hexo-cli -g
    
  2. 将o2team.github.io的源码拉到本地

    git clone git@github.com:o2team/o2team.github.io.git o2team
    
  3. 初始化子模块(submodules)

    cd o2team
    git submodule init
    git submodule update
    
    # 切换至themes/o2目录,签出master分支
    cd ../themes/o2
    git checkout master
    
  4. 安装nodejs包

    # 切换回根目录下
    cd ../../
    npm install
    
  5. 运行hexo s --watch

    运行上述命令后,浏览器打开 http://localhost:4000 即可本地访问我们的网站

创建文章

有两种方法创建文章,可任选其一:

注意:文件名不要出现中文!!!

  1. 使用hexo new 命令
$ hexo new "My New Post"
  1. 拷贝现有的文章进行修改

hexo使用markdown来编辑文章,在source目录下,拷贝任意md文件进行创建新的文章。具体可参考下hexo的官方说明

文章规范

  1. 使用markdown写博文

  2. 博文图片统一位置:source/img/post/ 在博客内容中可以使用 pimg 自定义标签来引用图片。注意别覆盖了别人的图片!!!

    其语法格式为:

    {% pimg imageName [alt text] [JSONImageAttibutes] %}

    例如:

    {% pimg post-aotu.jpg "空格请用%20来区分" '{"title":"hello","class":"test_img"}' %} 需要注意的是:pimg 利用空格来划分字段属性,如果一个属性的值需要空格,请将空格用%20代替!!!

  3. 为了保证博客整体美观,每个文章需要一张配图(大小:840x340)

  4. 指明文章的副标题、作者信息、封面图片地址

    subtitle: "凹凸实验室博客是一个托管于Github的静态博客,基于HEXO搭建..."
    date: 2015-11-20 00:24:35
    cover: "封面图片地址"
    tags:
    - Hexo
    author:
        nick: LV主唱大人
        github_name: mamboer
    
    
  5. 利用<!-- 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即可。

Packages

No packages published

Languages

  • JavaScript 99.5%
  • HTML 0.5%