基于Hexo搭建个人博客(三)
哈喽,这里是苏苏吖~,在上篇文章中已经将项目,(域名)[可选],主题都准备好啦,接下来开始基础配置吧,开始啦!
🌼 注:在进行下文的步骤时,请先确保已经按照前文的步骤操作完成。
基于Hexo搭建个人博客(一) | 苏苏の休憩小屋 (luckysusu.top)
基于Hexo搭建个人博客(二) | 苏苏の休憩小屋 (luckysusu.top)
nvm-nodejs版本控制工具
由于node.js版本一直处于迭代更新状态,而工作中的node.js的版本需求又会因项目不用而存在差异,因此,nvm对于一位前端工作者来说是在太好用了。
nvm 全称 node.js version manage,是一个node.js的版本管理工具包,可以便捷安装和切换不同版本的node.js。
安装nvm
下载nvm
需要注意的是,nvm的版本截止本文发布时已更新到V1.1.11版本,本文介绍的nvm版本也是基于此版本,后续不再解释版本。
下载地址:Releases · coreybutler/nvm-windows (github.com),此地址是github上的nvm-windows官方下载地址,如无梯子,请移步下面的下载方式
下载地址:https://pan.baidu.com/s/1MxC2KH2Cf4Oe5VCnRClyjQ?pwd=susu 提取码:susu
安装nvm
此处分为两种,
如果有梯子在官网下载的nvm-setup.exe,请直接点击安装
如果没有梯子,下载的压缩包,请先解压,然后运行nvm-setup.exe
双击运行安装程序后,按如 ...
json-server 从入门到精通
哈喽,这里是苏苏吖~,这篇文章呢主要介绍json-server:一款十分好用的json数据服务器。文章将会按照下面的思维导图来进行,一步一步的深入。
好啦,话不多说,开始啦~
json-server基础
json-server简介
json-server是一款 json 数据服务器,它运行 Express 服务器,可以对json文件、js脚本生成的json数据、远程json数据进行restful风格的增删改查操作,通过指定一个json文件作为api数据源,可以进行分页、排序、关联查询、范围查询等各种查询操作,是一套完整的模拟 REST API 接口
在开始之前,需要先安装json-server。打开Windows power shell,运行npm install -g json-server全局安装json-server。
$ npm install -g json-server
💦 此处给的方法是全局安装,当然,也建议最好全局安装。此外,请保证node.js版本在12以上。
如何切换版本或下载node.js请移步nvm-node.js版本控 ...
基于Hexo搭建个人博客(二)
哈喽,这里是苏苏吖~,在上篇文章中已经将搭建博客所需要的环境搭建完毕,接下开始创建项目,开始啦!
🌼 注:在进行下文的步骤时,请先确保已经按照上篇文章的步骤操作完成。
基于Hexo搭建个人博客(一) | 苏苏の休憩小屋 (luckysusu.top)
创建项目
1、新建一个文件夹用于存放博客文件,然后在文件夹中打开Windows Power Shell窗口,输入hexo init命令初始化项目。
$ hexo init 项目名
2、项目初始化完成后,通过vs code打开demo文件,ctrl+~打开控制台面板,输入npm install安装项目所需依赖
$ npm install
3、项目依赖安装完成后,可以查看目前的文件目录结构
.github:git相关文件
node_modules:项目依赖包
scaffolds:文章模版
source:文章文件和文章资源文件
theme:主题
_config.landscape.yml:主题配置文件
_config.yml:根配置文件
package.json:项目描述等信息
4、运行hexo server启动项目
$ he ...
基于Hexo搭建个人博客(一)
哈喽,这里是苏苏吖~,从这篇文章开始,会一一开始回顾苏苏通过Hexo搭建个人博客的全过程,期间遇见的一些bug及解决方式也会逐一描述,那么,话不多说,开始搭建个人博客啦。
🍀 接下来的搭建主要面对Windows系统。因为苏苏在搭建过程中使用的也是Windows系统。
环境预设
博客搭建环境如下:
操作系统:Windows10&Windows11
Node.js
Git
博客框架:Hexo
编辑器:Visual Studio Code(Webstorm亦可)
静态部署:GitHub&&Gitee均可
服务器:阿里云服务器&腾讯云服务器(可选,有服务器需备案)
域名:推荐阿里万网注册(可选,github部署或Gitee部署均提供了访问地址,域名可配可不配)
Node.js安装
nvm安装普通安装
🍓 nvm安装方式请参见文章:nvm-nodejs版本控制工具 | 苏苏の休憩小屋 (luckysusu.top)
🍓 普通安装方式较为简单,在node.js官网下载LTS的版本压缩包或exe文件安装即可,安装 完成后同理通过node -v检查版本是 ...
写在前面
写在前面
首先十分感谢您能抽出宝贵的时间来阅读这篇博客。同时十分欢迎您能提出宝贵的意见,帮助我改进博客的内容。
本博客的定位是记录自己学习过程中的一些收获,以及一些思考,所以博客的内容会比较杂,会包含一些技术,一些生活,一些思考,一些总结等等。
博客的内容会以技术为主,生活为辅,生活内容会以生活为主,技术内容会以技术为主。
博主在搭建过程中其实也遇到了很多很多的问题,诸如字体的设置、页面通用样式的设置、主题的diy等等,在此过程中,十分感谢唐志远大佬和AKira糖果屋各位大佬的帮助。让我能够将博客搭建呈现在的样子,虽然还不是很完美,但我会尽力继续做好!
由于工作原因,文章更新频率不会很大,也许偶尔更一下,有留言回复我看到了会回复,如果很着急解决可以先添加QQ,注明来意能解决会尽量帮忙解决!如果解决不了也请不要责怪我,毕竟我也能力有限,感谢理解!
最后,作为一枚二次元加程序猿,线下活动一般有空都会出cos去,偶遇欢迎集邮,很友好,不凶。技术问题也欢迎一起讨论。