多图展示的问题
- 在导航栏菜单并排显示多张图片
layout: post
title: about
date: 2017-07-21 15:50:35
type: "about"
comments: false
photos:
- https://img3.doubanio.com/lpic/s27264181.jpg
- https://img3.doubanio.com/lpic/s27264181.jpg
- https://img3.doubanio.com/lpic/s27264181.jpg
- https://img3.doubanio.com/lpic/s27264181.jpg
效果图
导航栏菜单并排显示多张图片
- 在新建博文里面显示多个图片
{% gp 7-5 %}
{% endgp %}
-
{% gp 7-5 %}展示效果可以参考theme/next/scripts/tags/group-pictures.js里面的示意图 - 点击图片显示的放大效果，要修改一下文件
themes\next\source\css\_common\components\tags\group-pictures.styl中的以下样式：
.page-post-detail .post-body .group-picture-column {
// float: none;
margin-top: 10px;
// width: auto !important;
img { margin: 0 auto; }
}
效果图
新建博文里面显示多个图片
菜单栏里面自定义页面的问题
当我们使用
hexo new page books命令创建一个新的页面的时候，在主题配置文件里面添加了menu: books: /books，结果在预览的时候books前面多了一个menu
多了一个menu
应该在主题的languages对应的语言上加上对应的翻译：
menu:
home: 首页
archives: 归档
categories: 分类
tags: 标签
about: 关于
search: 搜索
schedule: 日程表
sitemap: 站点地图
commonweal: 公益404
books: books
先得看看hexo theme里面的结构：
_config.yml - 主题总体配置
/layout/*.ejs - 网页布局
/source/css/*.styl - 网页样式
├── .deploy
├── public
├── scaffolds
├── scripts
├── source
| ├── _drafts
| └── _posts
├── themes
├── _config.yml
└── package.json
deploy：执行hexo d 命令部署到GitHub上的内容目录
public：执行hexo g 命令，输出的静态网页内容目录
scaffolds：layout模板文件目录，其中的md文件可以添加编辑
scripts：扩展脚本目录，这里可以自定义一些javascript脚本
source：文章源码目录，该目录下的markdown和html文件均会被hexo处理。该页面对应repo的根目录，404文件、favicon.ico文件，CNAME文件等都应该放这里，该目录下可新建页面目录。
drafts：草稿文章
posts：发布文章
themes：主题文件目录
_config.yml：全局配置文件，大多数的设置都在这里
package.json：应用程序数据，指明hexo的版本等信息，类似于一般软件中的关于按钮
页面展现的全部逻辑都在每个主题中控制，源代码在hexo\themes\你使用的主题\中，以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的都知道
生成博文是执行 hexo g && gulp 就会根据 gulpfile.js 中的配置，对 public 目录中的静态资源文件进行压缩。
pv的方式，单个用户连续点击n篇文章，记录n次访问量
uv的方式，单个用户连续点击n篇文章，只记录1次访客数
网友评论