HEXO快速创建个人博客,这是之前自己搭建博客的心得,网上找了很多文章,按照操作都会出现问题,小白可以根据以下步骤进行操作。对于一些主题的样式修改,需要修改一部分JS代码,大多数主体类似于模板引擎的渲染机制,可以尝试修改
1.安装GIT
下载 msysgit 并执行即可完成安装。
安装node.js
在windows下安装node.js,下载并且安装文件即可,查看node.js版本,在cmd中输入
node -v用来查看版本
downloadhexo
2.安装hexo
利用npm安装(cmd或者任意位置git bash):
npm install -g hexo
npm ERR! registry error parsing json 错误
可能需要设置npm代理,执行命令
npm config set registry http://registry.cnpmjs.org
创建hexo文件夹
在任意一个文件夹下使用git bash,输入以下指令
hexo init
安装依赖包
npm install
在本地查看博客
在文件夹下执行
hexo generate//生成静态页面
hexo server本地起动,在浏览器中输入http://localhost:4000
在github上建立一个仓库,对应的名字必须是以下格式
yourname.github.io
在本地的文件夹中有一个_config.yml文件来建立关联:
#Hexo Configuration
## Docs:http://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/
# Site #站点信息
title: #标题
subtitle: #副标题
description: #站点描述,给搜索引擎看的
author: #作者
email: #电子邮箱
language: zh-CN #语言
# URL #链接格式
url: #网址
root: / #根目录
permalink: :year/:month/:day/:title/ #文章的链接格式
tag_dir: tags #标签目录
archive_dir: archives #存档目录
category_dir: categories #分类目录
code_dir: downloads/code
permalink_defaults: # Directory #目录
source_dir: source #源文件目录
public_dir: public #生成的网页文件目录
# Writing #写作
new_post_name: :title.md #新文章标题
default_layout: post #默认的模板,包括 post、page、photo、draft(文章、页面、照片、草稿)
titlecase: false #标题转换成大写
external_link: true #在新选项卡中打开连接
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
highlight: #语法高亮
enable: true #是否启用
line_number: true#显示行号
tab_replace: # Category & Tag #分类和标签
default_category: uncategorized #默认分类
category_map:
tag_map:
# Archives
2: 开启分页
1: 禁用分页
0: 全部禁用
archive: 2
category: 2
tag: 2
# Server #本地服务器
port: 4000 #端口号
server_ip: localhost #IP 地址
logger: false
logger_format: dev
# Date / Time format #日期时间格式
date_format: YYYY-MM-DD #参考http://momentjs.com/docs/#/displaying/format/
time_format: H:mm:ss
# Pagination #分页
per_page: 10 #每页文章数,设置成 0 禁用分页
pagination_dir: page
# Disqus #Disqus评论,替换为多说
disqus_shortname:
# Extensions #拓展插件
theme: landscape-plus #主题
exclude_generator:
plugins: #插件,例如生成 RSS 和站点地图的
- hexo-generator-feed
- hexo-generator-sitemap
# Deployment #部署
deploy:
type: git
repo: 刚刚github创库地址.git
branch: master
npm install hexo-deployer-git --save执行命令
hexo deploy
常用指令
hexo help #查看帮助
hexo init #初始化一个目录
hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成网页,可以在 public 目录查看整个网站的文件
hexo server #本地预览,'Ctrl+C'关闭
hexo deploy #部署.deploy目录
hexo clean #清除缓存,**强烈建议每次执行命令前先清理缓存,每次部署前先删除 .deploy 文件夹**
每次修改文件后,直接输入hexo g & hexo d即可更新
网友评论