一、 搭建环境 二、hexo创建本地博客 三、设置自己喜欢的博客主题 四、将本地博客部署到github 五、新建博客文章
$ brew install git
安装或者 点击这里下载安装程序 查看版本
辅助命令:
* 查看当前node版本号:`$ node -v`
* 清除node.js的cache:`$ sudo npm cache clean -f`
* 安装n,用来管理node版本: `$ sudo npm install -g n`
* 安装最新版本node:`$ sudo n stable`
* 查看当前git版本号:`$ git --version`
安装 Hexo
使用命令行创建博客:$ hexo init 博客项目名 ,这里的博客项目名我用的是wsl.github.io,完成后,会在你的 /Users/yourname下创建一个wsl.github.io文件夹;然后可以通过命令行部署一下本地环境,然后就可以在浏览器中预览本地博客了。
$ hexo init wsl.github.io //创建本地博客
$ cd wsl.github.io //进入博客目录
$ hexo clean //清除缓存
$ hexo g // hexo generate重新生成代码
$ hexo s // hexo server 部署到本地,然后打开浏览器访问 localhost:4000 查看效果
创建本地博客wsl.github.io
wsl.github.io
执行如下命令,生成静态页面至public目录,开启预览访问端口(默认端口4000,'ctrl + c'关闭server),打开浏览器访问 http://localhost:4000 预览默认博客主题效果
cd wsl.github.io //进入博客目录
hexo clean //清除缓存
hexo g // hexo generate重新生成代码
hexo s // hexo server 部署到本地,然后打开浏览器访问 localhost:4000 查看效果
hexo generate
hexo server
默认的主题样式:http://localhost:4000
刚创建的博客默认使用的主题是
landscape
,不想用这个,咱换个 修改前,当然是先去获取你喜欢的主题了。主题集合。
cd wsl.github.io //进入博客目录
git clone https://github.com/iissnan/hexo-theme-next themes/next
下载的next主题
注意:配置的文件内冒号:后面一定要有一个空格,否则无效,报错。
title: DoubleDragon's Blog
subtitle: Rome was not built in one day.
Study hard and make progress every day.
description: ※ 微信公众号:iOS2679114653
※ QQ:1685527540
author: 且行且珍惜_iOS
language: zh-Hans
#改为true后,当创建文章后,会自动一并创建一个同名的文件夹当做图片文件夹
post_asset_folder: true
#设置主题
theme: next
deploy:
type: git
repository: https://github.com/wsl2ls/Wsl2Ls.github.io.git
brachanc: master
#这一行需要自己加,为博客头像
avatar: "https://upload.jianshu.io/collections/images/1661007/艾玛·沃特森.jpeg?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240"
cd wsl.github.io //进入博客目录
hexo clean //清除缓存
hexo g // hexo generate重新生成代码
hexo s // hexo server 部署到本地,然后打开浏览器访问 localhost:4000 查看效果
效果预览
新建一个仓库
创建一个page
deploy:
type: git
repository: https://github.com/wsl2ls/Wsl2Ls.github.io.git //同步到新建的项目
brachanc: master
npm install hexo-deployer-git --save //先装个插件压压惊
hexo d // hexo deploy 部署的命令,发布到Github
Wsl2Ls.github.io项目
本地博客环境都配置完成了,接下来就是新建文章了,用命令 :hexo new "name",在wsl.github.io/source/_posts目录下生成 name.md文件,这个文件支持Markdown语法。 name.md文件打开之后 ,你的文章格式如下图所示,才能正确的显示时间,标题,分类等。当然如果你不需要这些东西,也可以不设置。
新建文章
文章写完之后, 通过如下命令后,打开浏览器访问 localhost:4000预览博客:
cd wsl.github.io //进入博客目录
hexo clean //清除缓存
hexo g // hexo generate 生成静态页面至public目录
hexo s // hexo server 部署到本地,然后打开浏览器访问 localhost:4000 查看效果
预览没问题之后,就可以发布了。
hexo d // hexo deploy 部署的命令,发布到Github
参考资料: https://blog.csdn.net/Hoshea_chx/article/details/78826689 https://www.jianshu.com/p/8681ab76da08 https://www.cnblogs.com/sqlsec/p/hexo.html