zbloghexo的简单介绍
- ZBLOG
- 2022-12-18 20:36:25
- 24
今天给各位分享zbloghexo的知识,其中也会对进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!
本文目录一览:
hexo管理文章
使用如下命令你可以新建一篇文章
当然你也可以直接在 blog\source\_posts 目录下直接新建一个yourtitle.md文件,这样就算是新建了一篇文章,但是这样创建的文章需要在最上方添加如下说明:
hexo似乎没有专门的命令来删除一篇文章吧,删除的手法也很简单,就是在 blog\source\_posts 目录下直接删除指定文章,刷新一下你的网站就可以看到变化了。
文章的修改应该是很频繁的吧,其实就是打开你想修改的文件,直接在里面修改保存,但是这样似乎见不到效果,很多时候你刷新一下页面只能见到如下情况:
如果真的遇到了,最粗暴的方法就是在git上使用上按住键盘Ctrl+C关闭服务器,之后再使用 hexo s 开启服务器,就可以看到变化了。
hexo博客主题样式丢失,怎么配置
创建项目
你需要在 Coding 上面新建一个项目,项目名称随意:比如我的chenlianjiang。
填写项目名称、描述、设置属性、初始化文件,最后点击逗创建项目地
安装博客
我们在本地随便找一个盘来安装的 hexo :
$hexo init chenlj-hexo-blog
进入目录文件夹里面,使用 npm install 把 package.json 里面需要的东西都安装好。
接着我们需要在本地先预览一下自己博客的样子,就要先安装 hexo server :
$ npm install hexo-server --save
安装好之后在命令行里面运行 hexo server ,然后在浏览器的地址栏上面输入localhost:4000 就可看到自己博客的样子。
Hexo全局配置
本地浏览自己的博客没问题后,我们就需要把它部署到 Coding 上了。
1 编辑根目录下 _config.yml 文件,我们找到 deploy 这一项,修改如图:
2 修改好 _config.yml 文件过后,我们还需要安装 hexo-deployer-git 才能够部署到 Coding 上面。
npm install hexo-deployer-git --save
接着我们就生成静态页面和把代码 push 到 Coding 上:
$ hexo clean
$ hexo g
$ hexo d
注意把代码 push 到 Coding 上之前会让你输入你的 Coding 用户名和密码。
如果使用ssh协议需要先配置好公钥。
使用Coding演示
我们进入演示模式的配置页面里:
在开启演示模式之前,会提醒你没有检测到环境,你直接强制开启就可以了。
接着我们在高级选项中把运行环境设为 HTML ,部署版本为 master ,设置访问域名。然后应用内存选用 256M 就足够了。
最后点击一键部署,等待部署成功就行了。
然后你可以访问域名来查看自己是否部署成功了。
设置自动部署
我们在设置里找到 webhook, 然后点击新建 Hook 、
第一个输入框中是填你的博客域名,然后在后面加上 /_ 。
第二个输入框是输入一个 token ,我们直接填写 {{TOKEN}} 就可以了。
回到演示里,在左边的栏目中找到环境变量,变量名填写为 WEBHOOK_TOKEN ,值为 {{TOKEN}} ,接着重新启动应用就 ok 了!
测试自动部署
设置好自动部署之后我们要测试一下是否 push 代码的时候就会自动部署。
创建一个新的文章(可以什么都不写),然后生成静态页面 push 到仓库去:
$ hexo new test
$ hexo g
$ hexo d
我们回到浏览器在输入博客的地址,如果那篇新写好的文章出现在首页了,说明我们自动部署成功了。以后再也不用自己去手动部署一次了!
hexo搭建部署到gitee(基础教程)
hexo部署到github和部署到gitee都差不多,这里选择gitee
在 git Bash Here 中输入下面的两个命令进行配置
打开 git Bash Here 输入以下命令:
然后一直回车,若出现 Overwrite (y/n)? ,则输入 y ,若没有,则一直回车。结束后你的 ssh 就生成了,我的自动生成路径是: C:\Users\dell\.ssh ,在 .ssh 中有两个文件 id_rsa (私人密钥)和 id_rsa.pub (公共密钥),这里我们选择 id_rsa.pub 公共密钥。 id_rsa.pub 用记事本打开,复制
先随便创建一个空的文件夹,如:我创建的文件夹:D:\blog 然后在 git 中进入到 D:\blog 目录下。
开始安装hexo,Hexo将会在我的 D:\blog 文件夹中新建所需要的文件。
hexo g 之后出现 public 文件夹和 db.json
这里会出现 网址,把它复制下来到浏览器打开,就可以了。
在 gitee 前面创建的仓库中,复制SSH。
最后在 git 继续执行下面的命令行,部署到gitee中,
tip:每次修改完配置,都要保存,然后执行hexo clean和hexo g及 hexo d
我的博客:
如何将csdn的博客文章搬到hexo
配置环境
安装Node(必须)
作用:用来生成静态页面的
到Node.js官网下载相应平台的最新版本,一路安装即可。
安装Git(必须)
作用:把本地的hexo内容提交到github上去.
安装Xcode就自带有Git,我就不多说了。
申请GitHub(必须)
作用:是用来做博客的远程创库、域名、服务器之类的,怎么与本地hexo建立连接等下讲。
github账号我也不再啰嗦了,没有的话直接申请就行了,跟一般的注册账号差不多,SSH Keys,看你自己了,可以不配制,不配置的话以后每次对自己的博客有改动提交的时候就要手动输入账号密码,配置了就不需要了,怎么配置我就不多说了,网上有很多教程。
正式安装Hexo
Node和Git都安装好后,首先创建一个文件夹,如blog,用户存放hexo的配置文件,然后进入blog里安装Hexo。
执行如下命令安装Hexo:
sudo npm install-g hexo
初始化然后,执行init命令初始化hexo,命令:
hexo init
好啦,至此,全部安装工作已经完成!blog就是你的博客根目录,所有的操作都在里面进行。
生成静态页面
hexo generate(hexo g也可以)
本地启动
启动本地服务,进行文章预览调试,命令:
hexo server
浏览器输入
我不知道你们能不能,反正我不能,因为我还有环境没配置好
配置Github
建立Repository
建立与你用户名对应的仓库,仓库名必须为【your_user_name.github.io】,固定写法
然后建立关联,我的blog在本地/Users/leopard/blog,blog是我之前建的东西也全在这里面,有:
_config.yml node_modules public source
db.json package.json scaffolds themes
现在我们需要_config.yml文件,来建立关联,命令:
vim _config.yml
翻到最下面,改成我这样子的
deploy:
type: git
repo:
branch:master
然后执行命令:
npm install hexo-deployer-git--save
网上会有很多说法,有的type是github, 还有repository最后面的后缀也不一样,是github.com.git,我也踩了很多坑,我现在的版本是hexo: 3.1.1,执行命令hexo -vsersion就出来了,貌似3.0后全部改成我上面这种格式了。
忘了说了,我没用SSH Keys如果你用了SSH Keys的话直接在github里复制SSH的就行了,总共就两种协议,相信你懂的。
然后,执行配置命令:
hexo deploy
然后再浏览器中输入就行了,我的github的账户叫leopardpan,把这个改成你github的账户名就行了
部署步骤
每次部署的步骤,可按以下三步来进行。
hexo clean
hexo generate
hexo deploy
一些常用命令:
hexo new"postName" #新建文章
hexo new page"pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)
hexo deploy #将.deploy目录部署到GitHub
hexo help # 查看帮助
hexo version #查看Hexo的版本
报错总结
ERROR Deployer not found: git 或者 ERROR Deployer not found: github
解决方法: npm install hexo-deployer-git --save
如发生报错: ERROR Process failed: layout/.DS_Store , 那么进入主题里面layout和_partial目录下,使用删除命令:
rm-rf.DS_Store
ERROR Plugin load failed: hexo-server
原因:
Besides,utilities are separated into a standalone module.hexo.util is not reachable anymore.
解决方法,执行命令:
sudo npm install hexo-server
执行命令hexo server,提示:Usage: hexo ....
原因:
我认为是没有生成本地服务
解决方法,执行命令:
npm install hexo-server--save
提示:hexo-server@0.1.2 node_modules/hexo-server
zbloghexo的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于、zbloghexo的信息别忘了在本站进行查找喔。
本文由admin于2022-12-18发表在靑年PHP官网,如有疑问,请联系我们。
本文链接:http://www.qnphp.com/post/3163.html