【博客搭建记录贴】准备作业:安装node.js,hexo

发布时间:2024年01月19日

1,背景

平常自己也会写一写文章,以及读后感啥的,想着要不要自己搭建一个博客玩一玩,就有了这篇文章,哈哈哈。

2,怎么做?

参考了网上各路大神的做法,发现有两种,采用博客框架Hexo自己搭,或者WordPress,考虑到有一定的编程基础,想在本地先跑跑(貌似WordPress需要先有一台服务器),外加还是想要自己写写代码,就采用了Hexo的做法。

快速搭建个人博客——保姆级教程-CSDN博客

3,环境准备(NodeJs和Hexo的安装)

本地机器:win10系统
环境安装:由于Hexo是建立在node.js上面的,所以需要先安装node.js的环境,然后再装

  • Hexo:Hexo 是一个快速、简洁且高效的博客框架。Hexo官网
  • node.js:Node.js 是一个免费的、开源的、跨平台的 JavaScript 运行时环境。

安装教程参考Hexo官网的做法:文档 | Hexo
按照下面的顺序依次安装:

  • git(已经有,省略)
  • node.js 安装? 教程参考:在本机 Windows 上设置 NodeJS | Microsoft Learn
    • ?为了后续管理node.js方便,先安装nvm-windows:这个是window系统下的node版本管理器,也就是可以在一台机器上,不同的文件夹设置不同的Node版本(个人理解)。
      PS:如果github不能正常访问,参考:在Git 中ping github.com超时Request timed out._ssl.fastly.net怎么看ip地址-CSDN博客
    • 完毕之后,通过nvm查看可以安装的node.js(包含npm)的版本,并安装(npm,node的包管理器是不用额外安装的,node.js安装完了之后就直接有了。)
    • PS C:\Users\PC> nvm list available  #查看node.js的可安装的版本
      
      |   CURRENT    |     LTS      |  OLD STABLE  | OLD UNSTABLE |
      |--------------|--------------|--------------|--------------|
      |    21.6.0    |   20.11.0    |   0.12.18    |   0.11.16    |
      |    21.5.0    |   20.10.0    |   0.12.17    |   0.11.15    |
      |    21.4.0    |    20.9.0    |   0.12.16    |   0.11.14    |
      |    21.3.0    |   18.19.0    |   0.12.15    |   0.11.13    |
      |    21.2.0    |   18.18.2    |   0.12.14    |   0.11.12    |
      ......(省略)
      |    20.1.0    |   16.20.2    |    0.12.0    |    0.9.11    |
      |    20.0.0    |   16.20.1    |   0.10.48    |    0.9.10    |
      
      PS C:\Users\PC> nvm install 20.11.0   #我选了一个最近的长期支持(LTS)版本20.11.0
      Downloading node.js version 20.11.0 (64-bit)...
      Extracting node and npm...
      Complete
      npm v10.2.4 installed successfully.
      
      PS C:\Users\PC> nvm ls     #查看当前可用的Node.js版本
          20.11.0
      PS C:\Users\PC> cd xxx\blogProject  #跳转到项目的目录
      PS xxxx\blogProject > nvm use 20.11.0  #对该文件夹使用20.11.0版本的Nodejs
      PS xxxx\blogProject > npm --version   #然后就可以看到nmp能够正常使用了。
      10.2.4
  • 安装Hexo(可以用npm来安装) 安装手册:文档 | Hexo??
    ? ? ? ??
    PS xxxx\blogProject> npm install -g hexo-cli   #安装包
    
    added 54 packages in 4m
    npm notice
    npm notice New minor version of npm available! 10.2.4 -> 10.3.0
    npm notice Changelog: https://github.com/npm/cli/releases/tag/v10.3.0
    npm notice Run npm install -g npm@10.3.0 to update!
    npm notice

到此为止,Hexo的安装搞定!

文章来源:https://blog.csdn.net/bigear_yu/article/details/135686312
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。