Hexo博客的使用方法(1)

title:Hexo博客的使用方法（win10）


在cmd中：
1、输入node回车即可进入Node.js运行环境。

2、退出只需要连续按两次Ctrl+C或者输入“.exit”回车即可。

本地安装

1. 安装Node.js
   因为Hexo是通过Node.js生成的，所以首先需要根据自己的操作系统版本下载并安装Node.js。
   根据步骤提示进行操作后，在item（Windows是cmd）中输入命令：

node -v

如果能正确显示Node.js版本，则说明安装成功（本人使用的版本为v10.15.3）。

1. 通过npm安装Hexo框架
   Node.js安装成功后，同时会自动安装一个包管理器，称为npm（Node Package Manager）。

什么是npm？
npm是一个包管理器，发布者将自己的代码发布（npm publish）到代码仓库（registry），使用者将自己需要的包写入package.json文件中，到代码仓库中把代码下载（npm install）下来。

安装：

npm install -g hexo-cli

查看版本：

hexo -v（本人使用的Hexo版本为1.1.0）

由于npm代码仓库的服务器在国外，由于Great Firewall的缘故，下载速度可能不尽如人意，这时你可以使用淘宝的npm代码仓库，通过npm安装cnpm：

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装成功后，可以通过以下命令查看cnpm版本：

cnpm -v

通过cnpm来操作下载速度会得到很大提升，但包的版本不一定是最新的。

本地使用

1. 创建目录
   Hexo的所有文章都是以文件的形式存储在目录下的，所以首先需要新建一个目录，我的是Hexo，在此目录下操作。
2. 初始化博客

hexo init

1. 新建文章
   hexo new "BlogName"（BlogName是你的文章名称）
   会在source/_posts目录下生成BlogName.md文件，可以vim或其他Markdown编辑器进行修改。
2. 生成博客静态文件
   hexo g（g代表generate），生成博客静态文件
   每次修改文章后，都需要通过hexo clean清理一下，
   然后通过hexo g重新生成，
   最后也不要忘了通过hexo s重新启动Hexo。
3. 启动博客
   hexo s（s代表server，默认端口号是4000）
4. 更换主题
   将需要更换的主题下载并解压缩到theme/yourThemeName目录下，yourThemeName是你给主题取的名字，
   如我用的主题是next，只需要解压缩到Hexo/themes/next目录下即可,
   当然你也可以直接在Hexo目录下执行git clone https://github.com/theme-next/hexo-theme-next themes/next，
   解压完成后，修改_config.yaml文件中的theme属性，默认是landscape，修改为next：

Extensions
Plugins: https://hexo.io/plugins/
Themes: https://hexo.io/themes/
theme: next

#注意：“theme:”后要带一个空格
每次修改主题后，都需要通过hexo clean清理一下，
然后通过hexo g重新生成，
最后也不要忘了通过hexo s重新启动Hexo。

《Hexo主题 —— NexT优化》

1. 其他_config.yaml配置
   _config.yaml文件是Hexo项目的全局配置文件，常用的属性有：

# Site
# 站点标题
title: DragonBaby308's Blog
# 站点副标题
subtitle: Fighting for BAT!
# 站点描述
description: 记住迄今为止每一次失败时有心无力的感受，“为了更美好的明天而战”。
# 作者
author: DragonBaby308
# 语言——  请注意，官方语言包不再支持简体中文zh-Hans，而是统一采用了zh-CN
language: zh-CN
# 时区——默认是本地时区
timezone:

# URL
# 站点地址
url: http://106.14.153.30
# 站点root，如果网站存在子目录中，url设置为'http://yoursite.com/child'，root设置为'/child/'
root: /
# 生成固定链接的格式
permalink: :title/
permalink_defaults:

# Pagination
# 每页文章数——关闭分页：0
per_page: 10

# Extensions
# 主题
theme: next

# Deployment
# 部署配置
deploy:
  type: git
  repo: git@106.14.153.30:/usr/DragonBaby308/repo/blog.git
  branch: master

服务器部署

（一） 本地 + github.io 白嫖部署

1. 生成github.io仓库
   首先注册并登录GitHub，创建新public仓库，仓库名称一定要是：
   YourGitHubName.github.io（YourGitHubName是你的GitHub昵称，大小写敏感！）
2. 本地安装Hexo的git部署插件
   在Hexo的目录下，输入npm install --save hexo-deployer-git，会报一个peerDependencies WARNING，可以忽略。
3. 本地修改_config.yaml文件
   在Hexo目录下，找到_config.yaml文件，在#Deployment做如下修改：

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: https://github.com/DragonBaby308/DragonBaby308.github.io.git        #你的github.io的网址
  branch: master                                                            #“type:”、“repo:”和“branch:”后都要带一个空格
4. 部署
hexo d
部署成功后，浏览器输入YourGitHubName.github.io即可访问，其中YourGitHubName是你的GitHub昵称，且大小写敏感

5. 写文章 & 发布
和本地一致，都是hexo new "yourArticle"后hexo clean && hexo d - g，不再赘述。

更换主题

Jacman主题是一个托管于GitHub上面的开源项目，可以在Git中从github上面克隆安装，下载地址：

1.git clone http://wuchong.me/blog/2014/11/20/how-to-use-jacman/

安装完成后，下载的Jacman主题的源文件将保存在博客根目录/themes/jacman文件夹中，可以到该路径下查看文件是否下载成功。

修改博客根目录下_config.yml配置文件中的theme属性，将其设置为jacman。

启用Jacman主题
清除缓存、重新编译、启动网站，就会发现网站已经更换为Jacman主题。

1.hexo clean
2.hexo g
3.hexo s

赏

感谢支持!

微信

• 本文作者： 腾飞
  
• 本文链接： https://www.tengfei.eu.org/article/3f807b94.html
  
• 版权声明： 本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。转载请注明出处！