hexo搭建github博客

借鉴参考不如-hexo你的博客
Hexo官网

环境准备

  • 安装Node:Node.js官网
  • 安装git:gitDownloads
  • 安装Sublime:Sublime3 这里当文本编辑使用,什么都可以

GitHub

添加SSH-Key:设置用户名密码自行百度

安装HEXO

 npm install -g hexo

初始化——cd到目标目录执行

hexo init

生成静态页面

hexo generate

本地启动测试浏览器输入http://localhost:4000就可以看到效果。

hexo server

新建文章

hexo new [layout] "postName" #新建文章

eg:

hexo new photo "photoPostName" #新建照片文章

文章摘要:

以上是摘要

以下是余下全文

主题安装

  1. 找到漂亮的主题cd到themes目录然后git clone https://github.com/heroicyang/hexo-theme-modernist.git
    漂亮的主题:Hexo官网主题,gihub主题
  2. 安装完成后,打开hexo_config.yml,修改主题为modernist
theme: modernist

评论框

  1. 多说
  2. 多说css修改

图床

强烈推荐七牛如果你有好的请推荐一下 >_

命令

常用命令

hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)
hexo deploy #将.deploy目录部署到GitHub

简写

hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy

接下来是重头戏_config.yml,做个简单说明:

# Hexo Configuration
## Docs: http://zespia.tw/hexo/docs/configure.html
## Source: https://github.com/tommy351/hexo/

# Site #整站的基本信息
title: 不如 #网站标题
subtitle: 码农,程序猿,未来的昏析师 #网站副标题
description: bruce sha's blog | java | scala | bi #网站描述,给搜索引擎用的,在生成html中的head->meta中可看到
author: bruce #网站作者,在下方显示
email: [email protected] #联系邮箱
language: zh-CN #语言

# URL #域名和文件结构
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://ibruce.info #你的域名
root: /
permalink: :year/:month/:day/:title/
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code

# Writing #写文章选项
new_post_name: :title.md # File name of new posts
default_layout: post #默认layout方式
auto_spacing: false # Add spaces between asian characters and western characters
titlecase: false # Transform title into titlecase
external_link: true # Open external links in new tab
max_open_file: 100
multi_thread: true
filename_case: 0
render_drafts: false
highlight: #代码高亮
  enable: true #是否启用
  line_number: false #是否显示行号
  tab_replace:

# Category & Tag #分类与标签
default_category: uncategorized # default
category_map:
tag_map:

# Archives #存档,这里的说明好像不对。全部选择1,这个选项与主题中的选项有时候会有冲突
## 2: Enable pagination
## 1: Disable pagination
## 0: Fully Disable
archive: 1
category: 1
tag: 1

# Server #本地服务参数
## Hexo uses Connect as a server
## You can customize the logger format as defined in
## http://www.senchalabs.org/connect/logger.html
port: 4000
logger: true
logger_format:

# Date / Time format #日期显示格式
## Hexo uses Moment.js to parse and display date
## You can customize the date format as defined in
## http://momentjs.com/docs/#/displaying/format/
date_format: MMM D YYYY
time_format: H:mm:ss

# Pagination #分页设置
## Set per_page to 0 to disable pagination
per_page: 10 #每页10篇文章
pagination_dir: page

# Disqus #社会化评论disqus,我使用多说,在主题中配置
disqus_shortname:

# Extensions #插件,暂时未安装插件
## Plugins: https://github.com/tommy351/hexo/wiki/Plugins
## Themes: https://github.com/tommy351/hexo/wiki/Themes
## 主题
theme: modernist # raytaylorism # pacman # modernist # light
exclude_generator:

# Deployment #部署
## Docs: http://zespia.tw/hexo/docs/deploy.html
deploy:
  type: github
  repository: [email protected]:bruce-sha/bruce-sha.github.com.git #你的GitHub Pages仓库

统计

页面上显示访问次数可以使用 不蒜子,两行代码即可搞定。

你可能感兴趣的:(hexo搭建github博客)