资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

包含zbloghexo的词条

怎么使用hexo写博客

使用hexo写博客

创新互联建站网站建设公司,提供成都网站制作、网站设计、外贸网站建设,网页设计,建网站,PHP网站建设等专业做网站服务;可快速的进行网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,是专业的做网站团队,希望更多企业前来合作!

新建一篇文章 hexo new post 文章名称

在返回的地址里面找到那个.md文件

打开并用markdown语法写

写好了之后  hexo g -d 发布到网上

这么说可能还是有点抽象

图文教程可以上这里看

dugblog.coding.me

hexo+github博客搭建与备份教程(详细篇)

来自肥宅的小乐趣,带你玩转hexo自建博客,生活还是需要装一下的嘛:)。

官网 :

关于hexo,如官网的一句话介绍,

正如上面的介绍,hexo会在本地生成一个静态html页面,为了让别人看到我们的博客,我们就需要将其推到远端--服务器。

那么github就提供给我们一个免费的仓库,对于新人练手是再好不过了。当然,也可以购买属于自己的域名,让更多的朋友看到你的博客。话不多说,让我们开始吧!(作者使用的是mac os系统,其他系统也类似)

mac用户推荐使用 Homebrew

笔者安装的版本为v12.6.0

安装hexo需要依赖node.js的 npm 的包管理器,由于国内镜像源速度很慢,为了避免出错,所以在使用之前一般是利用 npm 来安装 cnpm , cnpm 为淘宝的镜像源。

至此,我们hexo的博客搭建初步完成了。 INFO Start blogging with Hexo!

若不存在,请进行下一步(存在,请跳过创建步骤)

输入后按回车,然后会提示输入密码,可以按回车设为空。之后SSH就生成了,下图所示:

4. 检验SSH Key

执行yes,若出现下例,则表示配置成功。

5. 设置用户信息

6. 本地博客部署至Github

终端 myblog 目录下,使用 vim 打开 _config.yml ,

滑动至最底部,如图,编辑 deploy 节点,

type: git

repo: git@github点抗 :codehory/codehory.github.io.git

branch: master

注:1.冒号后有空格 2. repo 一行为新建仓库的SSH地址,打开新建仓库就能看见

输入完毕,按 esc , :wq 保存退出。

7. 安装部署插件

在 myblog 目录下,

8. Deploy to Github

至此,恭喜,完成全部部署,在网址栏输入: yourusername.github.io 就能看到你的初步博客啦!( yourusername 为你github用户名)

在 myblog 目录下,新建一篇博客,

在本地博客的 source-_posts 路径下看到新建的文章,是md格式的,使用markdown文本编辑器进行编辑即可。

编辑完成之后,执行以下命令,即可更新博文,

为了继续满足我们深入骨髓的DIY之心,换一个自己喜欢的主题也是必不可少的环节。Github上有很多眼花缭乱的主题,去选一个自己喜欢的吧!

本文例程使用的是:

在 myblog 目录下,用 vim 打开 _config.yml ,

可以修改 title,subtitle,description,keywords,author 等内容,这些属性依赖于你选择的主题。

输入完毕,按 esc , :wq 保存退出。

menu 用来设置你博客的分类,标签等。

subnav 为你的社交媒体的链接,如github,微博等。

用github当图床

头像 更换:在 myblog 目录下的 source 文件下创建 img 文件,将图片保存在其中。我们通过部署生成,把图片放到 github 上,通过链接找到。

例如:本文将一张 timg.jpeg 的图片存放到 myblog/source/img/ 下,那么我们可以通过之前生成的链接,如 ,进行图片的插入。

还有许多诸如此类的设置,各自进去修改吧,同样的操作,保存退出。

最后来看看我们的博客吧,还不错吧:

由于博客是在本地生成的,如果更换电脑,那我们是不是就不能用这个博客了?方法总比问题多,我们可以利用 github 来备份博客的文件和数据。

第一次备份完毕,以后的备份,只需进行如下操作:

这样备份完毕后,我们在另一台电脑上,只需 git clone 一下就行了。

说长不长,说短不短,一通操作下来,不知你是否成功了呢?作者只是抛砖引玉,带你入门,之后的进阶过程,还望各位继续探索,玩转hexo。欢迎在评论区展示下你们的成果咯,让作者也学习学习,哈哈。同样,如若有任何纰漏或者相关问题,请在评论区留言吧!感谢各位观看!See you~

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搭建自己的博客,为什么没有识别出markdown语法

Hexo 是一个基于nodejs 的静态博客网站生成器,本身就是支持markdown的。并且会根据markdown(.md)结尾的文档生成对应的post(文章),可以直接托管在静态资源托管平台上(如 github page),就可以直接看到一个发布上线的博客站了。

没法识别markdown语法,排除hexo搭建的问题。就是markdown(.md)文件不符合markdown的语法规则造成的了。检查一下是否符合markdown的语法要求,可以参考markdown语法规则文档,比如"#"后面是否空出一个空格(正确写法是务必要加空格的)。


标题名称:包含zbloghexo的词条
链接地址:http://cdkjz.cn/article/ddchpgi.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:400-028-6601 / 大客户专线   成都:13518219792   座机:028-86922220