windows hexo 搭建教程

最新推荐文章于 2025-07-07 21:51:10 发布

一年e度的夏天

最新推荐文章于 2025-07-07 21:51:10 发布

阅读量2.9k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：前端开发文章标签：个人博客 hexo nodejs 博客系统博客

本文链接：https://blog.youkuaiyun.com/u011410529/article/details/72779051

前端开发专栏收录该内容

9 篇文章

订阅专栏

这篇教程详细介绍了如何在Windows环境下搭建Hexo博客系统。首先，你需要安装Node.js和Git。接着，创建一个目录并安装Hexo。配置包括Git账号、Hexo全局配置、选择并配置主题，如landscape-plus。最后，设置Git发布和部署，预览成功后，通过访问指定域名即可查看你的个人博客。

title: windows hexo 搭建个人博客教程
date: 2017-5-26 11:11:11
type: “hexo”
tags: 其它

windows hexo 搭建教程

安装nodejs

自己到nodejs官网下载安装吧

安装git

先本地安装git客户端
注册一个git账号

安装Hexo

在D盘创建一个目录 D:\testblog ，目录自己定义
安装git之后，右键上会有一个git bash标签，点击会出现git bash 界面如下图

依次执行下面命令

npm install hexo-cli -g
npm install hexo --save
//如果上面的命令由于网络原因，安装失败，那么可以切换一下npm源，执行一下下面命令

npm install -g cnpm --registry=https://registry.npm.taobao.org
//然后执行
cnpm install hexo --save

//然后执行
hexo init
//然后装一下hexo的一些插件，建议全部安装
npm install hexo-generator-index --save #索引生成器
npm install hexo-generator-archive --save #归档生成器
npm install hexo-generator-category --save #分类生成器
npm install hexo-generator-tag --save #标签生成器
npm install hexo-server --save #本地服务
npm install hexo-deployer-git --save #hexo通过git发布（必装）
npm install hexo-renderer-marked@0.2.7--save #渲染器
npm install hexo-renderer-stylus@0.3.0 --save #渲染器

安装完成之后跑起来试试

运行 hexo server 或者 hexo s

GIT配置

HEXO配置

配置文件介绍

全局配置文件_config.yml

index_generator:
  per_page: 10 ##首页默认10篇文章标题 如果值为0不分页
archive_generator:
    per_page: 10 ##归档页面默认10篇文章标题
    yearly: true  ##生成年视图
    monthly: true ##生成月视图
tag_generator:
    per_page: 10 ##标签分类页面默认10篇文章
category_generator: 
    per_page: 10 ###分类页面默认10篇文章
feed:
    type: atom ##feed类型 atom或者rss2
    path: atom.xml ##feed路径
    limit: 20  ##feed文章最小数量
deploy:
    type: git ##部署类型 其他类型自行google之
    repo: <repository url> ##git仓库地址
    branch: [branch] ##git 页面分支
    message: [message] ##git message建议默认字段update 可以自定义
    -多部署
            deploy:
                    type: git
                    message: update  ##git message建议默认字段update 可以自定义
                    repo: 
                    github: <repository url>,[branch] ##github 仓库地址和分支
                    gitcafe: <repository url>,[branch] ##gitcafe 仓库地址和分支

主题配置文件_config.yml

# Header
menu:   #导航栏连接
Home: /
Archives: /archives #归档页面URL
自定义页面标题: /自定义页面URL
rss: /atom.xml  #rss地址  默认即可
# Content
excerpt_link: Read More #阅读更多的文字显示
fancybox: true #开启fancybox效果
# Sidebar  #侧边栏设置
sidebar: right
widgets:
    - category
    - tag
    - tagcloud
    - archive
    - recent_posts
# Miscellaneous #社交网络和统计连接地址
google_analytics: #google analytics ID
favicon: /favicon.png #网站的favicon
twitter:
google_plus:
fb_admins:
fb_app_id:

配置主题

这里介绍我自己修改的主题，炒鸡漂亮

基于landscape-plus主题修改，GIT地址

演示地址

使用方法，下载下来丢到D:\testblog\themes 文件夹下面就好了

然后修改全局配置文件_config.yml文件里面theme字段

配置GIT发布

deploy: 
    type: git   
    repo: https://github.com/mustfun/mustfun.github.com.git
     #我的github是mustfun 换成你本人的
    branch: master

上图有哦~

HEXO部署

hexo clean #清除缓存 网页正常情况下可以忽略此条命令
hexo g #生成静态网页
hexo d #开始部署

HEXO预览

那么就成功啦，直接访问mustfun.github.io就可以访问啦，换成你的域名哦