初学搭建hexo博客的经历

写在前面
主要是b站上up主codesheep的影响,才会想着搭建个人博客
我自己在windows和ubuntu上都试了一次;还是Windows上快一些

本地博客的准备


su root #切换root用户

apt install node #安装Node
node -v #查看node版本

apt install npm #安装Node
npm -v #查看npm版本

npm install -g cnpm --registry=http://registry.npm.taobao.org #安装淘宝的cnpm 管理器
cnpm -v #查看cnpm版本

cnpm install -g hexo-cli #安装hexo框架
hexo -v #查看hexo版本

mkdir blog #创建blog仓库,你的本地博客
cd blog #进入blog目录

apt install git #安装git,为初始化博客做准备
hexo init #生成博客 初始化博客
查看 blog下的目录在这里插入图片描述
hexo s #启动本地博客服务
http://localhost:4000/ #本地访问地址,4000是默认端口号

em…到这里本地博客基本完成,可以访问看看效果如何


示范创建新的文章
hexo n “我的第一篇文章” #创建新的文章
vim 我的第一篇文章.md #开始编写内容
ls -l source/_posts #这个是存储文章的目录,查看新建的文章

hexo clean #清理不要的数据
hexo g #生成,刷新内容

将本地博客部署到github上

#Github创建一个新的仓库 YourGithubName.github.io
cnpm install --save hexo-deployer-git #在blog目录下安装git部署插件
vim _config.yml #配置_config.yml

#Deployment
##Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https:仓库地址
branch: master

第一次使用要为git设置签名起,随便填格式差不多就行
在这里插入图片描述
hexo d #部署到Github仓库里
https://YourGithubName.github.io/ #访问这个地址可以查看博客


本人的插曲,我下载的npm少了东西

我的坑,询问老铁
hexo g 命令后无相应静态文件index.html生成
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

解决之后,成功了
在这里插入图片描述

下面自己美化一下主题就行了

知乎搜索了一下:有哪些好看的主题

样板一 yilia主题
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia #下载yilia主题到本地

#修改hexo根目录下的 _config.yml 文件 更换主题就可以了: theme: yilia

_config.yml这个文件是博客的门面,可以去那些主题的博主上复制加工一下

hexo配置教程详解

收尾工作
hexo c #清理旧的静态文件
hexo g #生成新的静态文件
hexo d #部署到远程Github仓库

https://YourGithubName.github.io/ #查看博客


基本的hexo指令
在这里插入图片描述
想详细了解hexo指令看这里

hexo指令大全

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值