node.js环境配置

node.js下载安装

https://nodejs.cn/en/download
2024-05-27T06:19:13.png

2024-05-27T06:21:45.png

2024-05-27T06:22:22.png

2024-05-27T06:23:27.png

2024-05-27T06:23:49.png

2024-05-27T06:24:03.png

2024-05-27T06:24:47.png

2024-05-27T06:25:50.png

2024-05-27T06:26:19.png

2024-05-27T06:32:23.png

安装hexo框架

安装博客框架

cmd中运行

$ npm install -g hexo-cli

出现added 53 packages in 8s表示安装完成

新建博客

$ hexo init myblog #这里myblog为博客存放目录。可以根据需要自定
$ cd myblog
$ npm install

完成后,下面命令就是新建一篇博客文章
$ hexo new <文章文件名> #可以不用中文,这里就是该文章的存储文件名


**截至到现在我们在对应的目录中已经建立了一套博客内容,并且也新新建立了一篇博客文章
接下来我们把博客程序部署到github的pages中托管。**

github仓库设置

到自己github账户中创建仓库,

或点这里连接创建https://github.com/new

仓库名为userid.github.io # userid为用户名
然后选择Public,公开
如图,确定创建仓库
2024-05-27T07:28:40.png

再到https://github.com/settings/tokens/new

新建一个token,给个名字,然后给上仓库权限
2024-05-27T12:03:52.png
创建后生成的token复制出来备用

然后通过vs code进行编辑配置文件,并且部署到github仓库中

到这里下载Visual Studio Code然后进行安装

https://code.visualstudio.com/download

然后用vs code 打开我们当前的博客目录

2024-05-27T07:20:55.png

然后找到_config.yml,

2024-05-27T07:19:20.png

文件末尾找到deploy配置如下,改成您对应的用户名即可

deploy:
type: 'git'
repo: https://milaone:[email protected]/milaone/milaone.github.io.git
branch: gh-pages

在刚才博客程序的终端中运行,或者可以再vscode中终端运行

注:如需再vscode终端中运行 需要如下命令开启运行脚本权限
$ set-ExecutionPolicy RemoteSigned

$ npm install hexo-deployer-git --save

安装一键部署插件

接下来我们配置文件里给了token,这里用这两行命令告诉github,我们是谁

$ git config --global user.name "milaone"
$ git config --global user.email "d[email protected]m"

$ hexo generate 或者 hexo g #生成静态代码
$ hexo deploy 或者 hexo d #一键部署命令

部署后再回到github仓库中,settings-->Pages--选择gh-branch分支,保存。

稍等1,2分钟 https://milaone.github.io 即将出现我们部署的博客首页。

2024-05-27T13:19:49.png

安装主题

安装主题

git clone https://github.com/theme-next/hexo-theme-next themes/next

next主题的中文文档

http://theme-next.iissnan.com

插入图片

在 _config.yml 配置文件中找到相应项改成true
post_asset_folder: true
每生成一个新的博客文章就会在同目录中生成同名文件夹放图片,把要插入的图片放在此处就可以,然后直接使用相对目录插入图片文件即可

使用本地的markdown编辑器编辑网页

https://github.com/marktext/marktext 不错的一款开源编辑器

注册vercel,可以直接只用github交叉认证。进入后导入github仓库进行部署

cloudflare pages 中,创建应用程序-->pages-->连接到git,选择仓库。部署。

发表评论