windows-搭建关于hexo的我的静态网站

1. 下载安装nodejs

因为hexo要依赖于nodejs的包管理器npm来下载,因此第一步是安装nodejs,详细构成参考另外一篇博文【nodejs安装及配置】node

2. 安装hexo

以管理员的身份进入cmd,输入命令 cnpm install -g hexo-cligit

3. 创建目录存放hexo初始化后的文件

这里以 在D盘下创建目录blog 来存放以后hexo的全部文件及目录 -> 【D:\blog】为例github

4. 生成hexo本地博客

以管理员身份进入cmd,而后定位到 【D:\blog】目录下;npm

输入命令 hexo init 初始化博客浏览器

初始化以后,会在blog目录下生成博客的目录结构hexo

这些都是Hexo为你自动生成的东西ide

5. 启动hexo

以管理员身份进入cmd,而后定位到 【D:\blog】目录下;post

输入命令 hexo s 出现如图所示表示启动成功,此时在浏览器中输入地址 https://localhost:4000 便可访问本地博客网站网站

6. 新建博客文章

以管理员身份进入cmd,而后定位到 【D:\blog】目录下;插件

输入命令 hexo n "文章名" 会在【D:\blog\source_posts】目录下新建格式为md的博客文章,编辑博客文章保存便可

7. 清理及构建

在建立了新的博客文章后,须要进行清理和从新构建

清理命令:hexo clean

构建命令:hexo g

随后就能够再次启动hexo,新添加的博客文章就会同步到本地博客网站中

8. 本地博客网站部署到github上公开使用

  • 在github上建立一个新的空仓库,仓库名为 【github帐户名.github.io】(固定写法)

  • 安装git部署的插件,输入命令:cnpm install --save hexo-deployer-git

  • 修改【_config.yml】配置文件,该文件的路径在【D:\blog】下,打开 【 _config.yml】文件,找到 【deploy】

  • 将本地博客网站部署到远程github,输入命令:hexo d 便可 (若出现输入github帐号密码的状况输入便可,若未出现就忽略)

9. 访问公网博客网站

将本地博客网站部署到github上后,就能够在公网上访问本身的博客网站了,网址为:https://【github帐户名.github.io】,以个人为例子就是:https://zhaomeier.github.io

10. 网站换肤

  • 下载网站皮肤(前提是本身的电脑安装配置了git)

    在【D:\blog】目录下,输入命令:git clone 皮肤地址 themes 皮肤名

    以【yilia】皮肤举例就是:git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

    下载的皮肤在【D:\blog\themes\yilia】目录下,在hexo初始化时,默认下载了一个【landscape】皮肤

  • 修改【_config.yml】 配置文件,找到【theme】,将【landscape】改成【yilia】,保存

  • 清理、构建、部署

版权声明:文本章参考 https://www.bilibili.com/video/av44544186?from=search&seid=10275826396547697944 视频内容

相关文章
相关标签/搜索