hello hexo4

2017-10-12 19:04
3 mins

概要: The experience about hexo four.

One

如果需要继续深入优化 hexo 以及 next 的话,那么就需要对他们的目录结构有更加深入的理解,同时清楚其中的实现方法,才能深入修改 css 样式以及添加自己的样式。首先熟悉一下 hexo 以及 next 主题的目录结构(参考了其他博客与资料)

hexo 目录树

.
├── .deploy
├── public
├── scaffolds
├── scripts
├── source
|   ├── _drafts
|   └── _posts
├── themes
├── _config.yml
└── package.json
  • deploy:执行 hexo deploy 命令部署到 GitHub 上的内容目录
  • public:执行 hexo generate 命令,输出的静态网页内容目录
  • scaffolds:layout 模板文件目录,其中的 md 文件可以添加编辑
  • scripts:扩展脚本目录,这里可以自定义一些 javascript 脚本
  • source:文章源码目录,该目录下的 markdown 和 html 文件均会被 hexo 处理。该页面对应 repo 的根目录,404 文件、favicon.ico 文件,CNAME 文件等都应该放这里,该目录下可新建页面目录。
  • drafts:草稿文章
  • posts:发布文章
  • themes:主题文件目录
  • _config.yml:全局配置文件,大多数的设置都在这里 package.json:应用程序数据,指明 hexo 的版本等信息,类似于一般软件中的关于按钮

    next 目录树

├── .github            #git信息
├── languages          #多语言
|   ├── default.yml    #默认语言
|   └── zh-Hans.yml      #简体中文
|   └── zh-tw.yml      #繁体中文
├── layout             #布局,根目录下的*.ejs文件是对主页,分页,存档等的控制
|   ├── _custom        #可以自己修改的模板,覆盖原有模板
|   |   ├── _header.swig    #头部样式
|   |   ├── _sidebar.swig   #侧边栏样式
|   ├── _macro        #可以自己修改的模板,覆盖原有模板
|   |   ├── post.swig    #文章模板
|   |   ├── reward.swig    #打赏模板
|   |   ├── sidebar.swig   #侧边栏模板
|   ├── _partial       #局部的布局
|   |   ├── head       #头部模板
|   |   ├── search     #搜索模板
|   |   ├── share      #分享模板
|   ├── _script        #局部的布局
|   ├── _third-party   #第三方模板
|   ├── _layout.swig   #主页面模板
|   ├── index.swig     #主页面模板
|   ├── page           #页面模板
|   └── tag.swig       #tag模板
├── scripts            #script源码
|   ├── tags           #tags的script源码
|   ├── marge.js       #页面模板
├── source             #源码
|   ├── css            #css源码
|   |   ├── _common    #*.styl基础css
|   |   ├── _custom    #*.styl局部css
|   |   └── _mixins    #mixins的css
|   ├── fonts          #字体
|   ├── images         #图片
|   ├── uploads        #添加的文件
|   └── js             #javascript源代码
├── _config.yml        #主题配置文件
└── README.md          #用GitHub的都知道

Two

继续博客的爬坑:

  • 添加了鼠标点击出现爱心的特效(花里胡哨的)
  • 添加了在 footer 底部统计整个博客字数的功能
  • 完成 Google 以及 Baidu 的 SEO ,似乎还有一些问题,抓取可能提交少了,暂时先放着,而且对其中的原理还不是很理解,遵循上一篇博客的路线。
  • 添加了来必立评论系统(期待有人给我评论)
  • 添加了不蒜子统计
  • 添加网易云外链播放器

End

She had bad moods yesterday night. And I had a sleepless night. So this morning, I did nothing except sleep. I spend the whole afternoon to polish my blog. Now most things are ok. I can do something for fun. Tomorrow morning, I will make a speech in the class. It sucks me.

最后修改于: 2017-10-12 19:04