博客
关于我
win10搭建hexo博客并部署到github
阅读量:239 次
发布时间:2019-03-01

本文共 929 字,大约阅读时间需要 3 分钟。

Hexo博客创建与部署指南

1. 安装Node.js和npm

Hexo博客的核心是基于Node.js,因此首先需要安装Node.js。安装完成后,npm会被默认安装,用于管理依赖项。

2. 安装Hexo

使用npm安装Hexo CLI:

npm install -g hexo-cli

遇到网络问题可使用国内镜像源安装cnpm:

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

然后用cnpm安装Hexo:

cnpm install -g hexo-cli

验证安装:

hexo -v

3. 创建博客文件夹

新建一个文件夹,进入该文件夹并初始化Hexo:

hexo init

初始化后,目录结构应为:

.├── public/├── source/├── node_modules/...

4. 启动本地服务器

启动Hexo服务:

hexo server

访问http://localhost:4000查看博客首页。

5. 创建和编辑博客

使用hexo new创建新文章:

hexo new "My New Post"

默认生成Markdown文件于source/_posts,可用vim或其他编辑器编辑。

6. 生成静态文件

清除缓存:

hexo clean

生成静态文件:

hexo g

7. 部署到GitHub

创建GitHub仓库,仓库名为username.github.io。编辑_config.yml,设置仓库地址。

安装Hexo Deployer插件:

cnpm install hexo-deployer-git --save

部署:

hexo d

完成后,访问https://username.github.io查看博客。

8. 自定义和优化

推荐使用星星多的主题,例如Next主题。通过修改_config.yml设置主题和其他样式。

注意事项

  • 网速问题可使用cnpm解决。
  • 重启Hexo文件夹并删除后可解决多数问题。
  • 部署前确保仓库名正确,访问地址为username.github.io

通过以上步骤,轻松创建并部署Hexo个人博客,开始你的技术写作之旅吧!

转载地址:http://dwyv.baihongyu.com/

你可能感兴趣的文章
npm切换源淘宝源的两种方法
查看>>
npm前端包管理工具简介---npm工作笔记001
查看>>
npm包管理深度探索:从基础到进阶全面教程!
查看>>
npm升级以及使用淘宝npm镜像
查看>>
npm发布包--所遇到的问题
查看>>
npm发布自己的组件UI包(详细步骤,图文并茂)
查看>>
npm和package.json那些不为常人所知的小秘密
查看>>
npm和yarn清理缓存命令
查看>>
npm和yarn的使用对比
查看>>
npm如何清空缓存并重新打包?
查看>>
npm学习(十一)之package-lock.json
查看>>
npm安装 出现 npm ERR! code ETIMEDOUT npm ERR! syscall connect npm ERR! errno ETIMEDOUT npm ERR! 解决方法
查看>>
npm安装crypto-js 如何安装crypto-js, python爬虫安装加解密插件 找不到模块crypto-js python报错解决丢失crypto-js模块
查看>>
npm安装教程
查看>>
npm报错Cannot find module ‘webpack‘ Require stack
查看>>
npm报错Failed at the node-sass@4.14.1 postinstall script
查看>>
npm报错fatal: Could not read from remote repository
查看>>
npm报错File to import not found or unreadable: @/assets/styles/global.scss.
查看>>
npm报错TypeError: this.getOptions is not a function
查看>>
npm报错unable to access ‘https://github.com/sohee-lee7/Squire.git/‘
查看>>