博客
关于我
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/

你可能感兴趣的文章
Openlayers实战教程学习大纲及引导
查看>>
Openlayers实战:drawstart,drawend 绘制交互应用示例
查看>>
Openlayers实战:extent介绍及实际应用
查看>>
Openlayers实战:LayerGroup添加删除显示隐藏
查看>>
Openlayers实战:loadstart和loadend事件
查看>>
Openlayers实战:modifystart、modifyend互动示例
查看>>
Openlayers实战:moveend事件,利用calculateExtent获取地图左上和右下的坐标
查看>>
Openlayers实战:overlay上播放视频
查看>>
Openlayers实战:select简介及select选择feature实战
查看>>
Openlayers实战:个性化比例尺
查看>>
Openlayers实战:使几何图形适配窗口
查看>>
Openlayers实战:列表与图层双向信息提示
查看>>
Openlayers实战:判断共享单车是否在电子围栏内
查看>>
Openlayers实战:利用turf获取两个多边形的交集、差集、并集
查看>>
Openlayers实战:加载Bing地图
查看>>
Openlayers实战:加载CSV文件
查看>>
Openlayers实战:加载GeoJSON
查看>>
Openlayers实战:加载geoserver发布的WMS数据
查看>>
Openlayers实战:加载GPX文件
查看>>
Openlayers实战:加载OpenStreetMap(快速显示无加载不出状态)
查看>>