尼采般地抒情

公告栏

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


作者:尼采般地抒情

站点信息

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

尼采般地抒情

尼采般地抒情

公告栏

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


作者:尼采般地抒情

站点信息

文章数目:300
已运行时间:
前言:搭建node环境,在此基础上安装hexo模块以搭建个人静态网站。

一、环境安装与配置

Node 的下载与安装

  • 下载Node.js
  • 设置模块的安装路径,不然会默认在 C 盘,不好管理,也占系统盘存储空间

    nodejs 文件夹中新建两个空文件夹 node_cache、node_global

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"

image.png

  • 环境变量的配置

    需要用到的路径
    D:\nodejs\node_global\node_modules
    D:\nodejs\node_global

image.png

安装 Hexo

npm install -g hexo-cli

image.png

同时也可以看到全局所安装的模块在刚刚设定的路径下面

image.png

申请 GitHub Pages

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

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

二、搭建博客

创建并初始化文件夹

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

进入文件夹输入

hexo init

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信息了"

评论区

Beaudar Twikoo

最新评论

Loading...