Hexo框架的微博搭建(macOS)
1、下载
下载node,(hoxe是由nodejs来生成,所以必须安装)
网址 node下载地址
安装:一路点击下来进行安装。安装完成有两个组件,一个是node.js,一个是npm包管理器(搭建hexo博客时必需)。
2、打开终端,进入root用户
sudo su
(需输入密码)
3、查看node版本,确认安装
node -v
查看npm版本,确认安装
npm -v
4、安装hexo
由于国内镜像源下载较慢,可先利用npm安装cnpm(淘宝源)
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装完成同样用命令查看版本,确认安装成功。
cnpm -v
利用cnpm安装hexo
cnpm install -g hexo-cli
同样验证安装成功
hexo -v
5、正式搭建博客
首先查看路径,因为后续要建立文件夹,确保自己知道位置
pwd
建立文件夹,以blog文件夹为例
mkdir blog
进入blog检验路径,并使自己位于blog路径
cd blog/
使用hexo生成博客,同时会生成默认主题
sudo hexo init
安装成功,查看目录下生成了什么
ls -l
启动博客(在本地4000端口启动,可以自己复制网址查看,默认生成了一篇文章——Hello World),ctrl+c退出。
hexo s
该命令后续写博客使,可用作预览命令。
5、终端简单写一篇文章
创建文章(.md文件)并取标题
hexo n "我的第一篇博客"
终端查看创建的.md文件
先看自己位于哪个文件
pwd
然后根据层级关系进入刚创建的.md文件(默认是放在blog/source/_posts中)
cd source/_posts/
查看
ls -l
即可看到自己刚才创建的博客标题
用vim编辑文章(输入以下命令,回车,进入vim的命令模式,输入i进入编辑模式编辑,基于markdown来写)
vim 我的第一篇博客.md
修改完成后,保存退出(esc,再:(冒号),再输入wq)
重新生成
查看自己位于的文件夹
pwd
退回到blog
cd ../..
检查是否回到blog
pwd
生成.html
hexo g
重新启动查看编辑后的文章(本地网址与上文相同,需要刷新显示)
hexo s
6、把博客部署到GitHub
新建仓库,注意,仓库名称必须是自己的昵称.github.io,之后在浏览器输入此地址就可以访问微博。
7、回到命令行
安装hexo-deployer=git插件(安装过程中的wanring不用管哦)
cnpm install --save hexo-deployer-git
还需设置点东西,命令行打开_config,yml,文件最底部,deploy下改为
vim _config.yml
type: git
repo: https://github.com/zhixian666/zhixian666.github.io.git
branch: master
8、把博客部署到远端
hexo d
接下来输入自己github账号和密码,(回车后出现提示就一路点下来就ok了)
此时博客生成的内容就会出现在github仓库中
9、见证成果,可以把自己的博客分享给小伙伴啦
分享github的仓库名。
参考
https://www.bilibili.com/video/BV1Yb411a7ty?from=search&seid=13841657827845654743