尼采般地抒情

公告栏

此网站主题为本人手写主题,主题还在开发中……


作者:尼采般地抒情
本站主页面和blog页面暂时一样,目的是为了百度收录,百度收录之后,会将主页换回引导页~

站点信息

文章数目:195
已运行时间:
目录
  1. 一、环境安装与配置
    1. Node 的下载与安装
    2. 安装 Hexo
    3. 申请 GitHub Pages
  2. 二、搭建博客
    1. 创建并初始化文件夹
    2. 相关命令

尼采般地抒情

尼采般地抒情

公告栏

此网站主题为本人手写主题,主题还在开发中……


作者:尼采般地抒情
本站主页面和blog页面暂时一样,目的是为了百度收录,百度收录之后,会将主页换回引导页~

站点信息

文章数目:195
已运行时间:
这篇文章的内容~~可能早已过时~~为旧版,因为该文章搭建的为个人首次使用Hexo的记录,经历一年多之后,和现在使用会有差异,日后会更新

一、环境安装与配置

Node 的下载与安装

下载Node.js安装

目的:安装博客框架,渲染主题等

环境变量的配置如下:

image.png

安装 Hexo

npm install -g hexo-cli

申请 GitHub Pages

在 github 上申请 github pages,在账户下创建一个仓库名为 wztlink1013.github.io的仓库,则这个仓库下的 main 分支下的前端代码就会被发布成成网页(必须要由 index.html 文件)。

访问:https://wztlink1013.github.io

二、搭建博客

创建并初始化文件夹

这里面所有文件就相当于所搭建博客网页所有源文件

进入文件打开git bash输入hexo init出现INFO Start blogging with Hexo!则证明初始化成功,此时 blog 文件夹里面会有一些站点文件
image.png
image.png

node_modules:各种插件的安装文件夹
scaffolds:模板文件夹(new的对象的模板)
source:资源文件夹
themes:主题文件夹(相当于“衣裳”)
_config.yml:站点配置文件
package.json:应用程序的信息

image.png

相关命令

hexo clean   #清除缓存,网页正常情况下可以忽略此条命令
hexo n "博客名称"  # hexo new "博客名称"
hexo p  # hexo publish
hexo g  # hexo generate  # 生成静态网页
hexo s  # hexo server  # 启动服务预览;Hexo 会监视文件变动并自动更新,无须重启服务器。
        hexo server -s   #静态模式
        hexo server -p 5000   #更改端口
        hexo server -i 192.168.1.1   #自定义IP
hexo d  # hexo deploy  # 部署
                hexo deploy --message "哈哈,hexo deploy --message 双引号内容就可以提交commit信息了"
  1. 部署命令不能简写了,因为下载了豆瓣的相关插件,只能 hexo deploy
  2. 将博客根目录源代码备份到 git 仓库中命令:hexo b 或者 hexo backup

博客内容遵循: 署名-非商业性使用-禁止演绎 4.0 国际(CC BY-NC-ND 4.0)

本文永久链接: https://www.wztlink1013.com/blog/yo1xhz/

编辑: 部署: 订阅:

评论区

Twikoo 转换 utterances

最新评论

Loading...