您的位置:主页 > 新闻中心 > 企业新闻 >

只需要几步就能完完全全搭建属于自己的博客

企业新闻 / 2021-10-29 23:56

本文摘要:只需要几步就能完完全全搭建属于自己的博客前言早在今年年头就有搭建自己的博客的计划,在相识之前其实在网上有许多关于搭建博客相关的文章。自己也是随着别人的教程搭建了一个当地的博客,可是搭建好事后也就没有下一步的计划了。幸亏上几周自己醒悟了,在阿里云买了一个域名,顺便又重新搭建了一个基于hexo的博客,并绑定到了自己买的域名上去了。所以此处并记载一下自己在搭建博客的步骤以及图和绑定域名(注意此处是基于hexo + coding来搭建博客的。

华体会

只需要几步就能完完全全搭建属于自己的博客前言早在今年年头就有搭建自己的博客的计划,在相识之前其实在网上有许多关于搭建博客相关的文章。自己也是随着别人的教程搭建了一个当地的博客,可是搭建好事后也就没有下一步的计划了。幸亏上几周自己醒悟了,在阿里云买了一个域名,顺便又重新搭建了一个基于hexo的博客,并绑定到了自己买的域名上去了。所以此处并记载一下自己在搭建博客的步骤以及图和绑定域名(注意此处是基于hexo + coding来搭建博客的。

github和coding的博客搭建其实都是差不多的,知识coding在海内的会见速度比力快而已)。第一步:建立项目并设置SSH和项目的pages服务在coding上建立一个项目(注意:没有coding账号的需要自己注册账号),给自己建立的项目命名,此处我命名为blogtest。堆栈建立好了事后我们再设置SSH,SSH是治理代码堆栈的公钥。

其他的就不做先容了,因为自己也没有深入的相识过,如想相识的可在网上搜索廖雪峰的git教程即可。先在当地安装git。如果git安装好了就在当地生成ssh公钥,如果当地有的就不需要了,只需要将当地的公钥设置到你的小我私家信息(这里设置了小我私家的公钥,没有设置项目单独的公钥)内里就可以。

打开git bash,使用如下下令建立ssh公钥(如果当地有生成的公钥则跳过这一步):ssh-keygen敲击三个回车键,表现根据默认的设置即可。使用如下下令检察生成的ssh公钥并复制公钥内容,如图所示: 3.将打印出来的公钥复制到你的堆栈内里并点击添加即可。如图所示:ssh设置好了事后,我们再设置项目的pages服务。

打开项目,在代码模块内里有一栏Pages服务,选择静态Pages(此处建立的为静态博客),选择分支(在建立项目的时候我们默认勾选了建立一个README.md,所以在建立堆栈的时候就已经给你建立好了一个默认的master分支)泉源并生存。第二步:Hexo的情况搭建并建立一个当地的博客此处我们凭据Hexo的官方文档(https://hexo.io/zh-cn/docs/ )来搭建Hexo的情况,并建立一个当地的博客。安装Node.js和Git(此处我们已经安装)。

Node.js我们还是接纳到官网去下载安装,安装好了事后打开windows下令行输入相关下令检察node.js的版本和npm相关的版本。注意npm是随同Node.js一起安装的保证理工具,能解决Node.js代码部署上的许多问题。npm设置淘宝镜像,这点很关键。

如果不设置这点的话直接用npm下令可能导致等候很长一段时间安装某些工具或者直接安装失败。此处是使用cnpm取代npm下令。直接输入以下下令即可取代。

npm install -g cnpm --registry=https://registry.npm.taobao.org署理设置好了事后我们就看是使用cnpm下令安装hexocnpm install -g hexo-cli安装完了事后,我们首先打开下令行并进入到某文件夹路径下,使用如下下令来建立属于自己的当地博客。5.这样初始化事后,我们使用hexo g d下令生成资源文件,再使用hexo server -p 5000 下令开启服务,使用hexo server是默认是使用当地的4000端口开启服务,我们这里使用了指定端口开启服务,那我们在当地浏览器会见试试呢。当地下令如下: 6.览器会见效果:第三步:将当地生成的资源文件部署到我们建立的堆栈中去此处我们需要安装一个插件,就是hexo在公布的时候自动提交到堆栈的插件。

在此之前,我们首先得相识hexo得下令得寄义。hexo g 下令是生成静态资源文件的,下令的全称是hexo generate,简写为hexo g。

hexo d 下令是部署生成的静态资源文件,下令的全称是hexo deploy,简写为hexo d。hexo clean 清除当地生成的静态资源文件。

hexo server 启动服务器。默认情况下,会见网址为: http://localhost:4000/。可以指定端口启动 下令为 hexo server -p [port]hexo new “文章名称” 新建文章。

默认新建的文章是放在blog/source/_posts/ 目录下的。上述只是简朴的先容了四个下令,另有其他更多的下令可以去官方文档相识。下面我们还是先使用cnpm下载所需要的插件吧。

插件下载好了事后,我们就需要在博客的设置文件中去设置相应的堆栈地址和相应的分支了。blog/_config.yml文件就是整个博客的设置文件,博客所需的每个主题也有自己的设置文件(路径为blog/themes/相应的主题文件夹/_config.yml),二者不要搞混了。我们使用notepad++,sublime或者其他编辑软件打开。注意内里的参数设置,在官方文档中都有先容,此处我们不做详细相识,我们只需要视察deploy这一部门部署的设置。

设置如下:设置信息:执行下令:检察堆栈的提交信息。说明提交乐成了,注意此处不是提交你整个博客文件夹,而是提交你生成的静态资源文件到你的堆栈中。这里我们再来看看堆栈的Pagers服务,这里肯定是有什么变化才对。

见下图:如上图,coding给我们自动生成了一个会见地址,我们点击试试,会不会和我们在当地会见的一样呢。这是什么鬼,怎么成这逼样了。不是说好的界面一样呢。

简直不敢相信啊。其实这是你另有地方没设置好,我们需要在博客的设置文件内里设置如下:将博客的url地址和根目录设置好了事后再次依次执行hexo clean,hexo g,hexo d三个下令后重新开启项目的Pages服务,等候一会儿点击链接。如图所示:效果出来了,是不是一模一样的。

就是这么溜的骚操作。第四步:设置WebHook,让你在自动提交接码后,自动部署你堆栈内里的博客资源WebHook是一个自动部署的工具,它允许第三方的应用监听你堆栈内容的变化,如每一次的提交,拉取信息,删除信息等等。

一般常见的是联合Jenkins使用实现提交接码后自动打包。这种效果淘汰了人工手动打包带来的不须要的时间浪费。在项目开发和测试阶段很是适用,测试和开发的任务就相对的离开,不须要每次的修改都要手动打包。此处我们搭建博客也是如此,我们每次修改了工具后必须重新在Pages服务内里重新部署一次,这样的操作就比力繁琐了。

在使用WebHook的同时,我们提交了我们的文件到堆栈内里,WebHook监听到我们的提交信息就会自动部署目的URL一次。这样来实现自动部署效果。这里我们需要在项目的设置页面去添加我们的WebHook。点击添加按钮,设置如下:点击确定后,我们就会看到我们设置的WebHook信息。

我们可以举行测试,或者修改当地博客后举行提交来举行测试。第五步:绑定我们申请的域名上述的域名是coding自动生成的,不能修改而且另有其他的限制,这里我们需要在万网去申请自己的域名,申请事后举行审核存案。这里需要几天的时间。

乐成事后,我们就来绑定我们的域名。这里我已经申请了自己的域名来举行测试。上面是阿里云的域名治理平台,我们现在先把申请的域名的 CNAME 记载到 pages.coding.me 后再到coding的Pages服务中去绑定。

将CNAME记载到 pages.coding.me。如图所示:点击确定后,我们再到我们的项目中的Pages服务中去绑定我们的域名绑定我们的域名。点击绑定,我们的博客链接是不是酿成我们自己的域名了。

点击看看效果呢。咋又是这个逼样啊,不是万事俱备嘛!看来还需要东风才行啊。

想一想是不是我们又得重新修改我们的设置才行啊,试一试呢。重新修改设置如下图重新设置完了,我们执行hexo g,hexo d两个下令试试,这里我们设置了WebHook,不需要自己重新部署了,等个一分钟左右刷新试试。看到图中显示的真的不错,踏遍千山万水总算是搞好了。

也不浪费我的苦心啊。总结此处我们算是重新到尾讲了一遍了,想想也是不错,坑也踩了,效果也出来了,还算对得起自己的良苦用心(注意:相关的文档还是得去去官网相识)。自己在年头的时候搞这个也花了一周多的时间,最初使用的Jekyll来搭建,现在是用的hexo来搭建,其实都是差不多的,只要搞懂原理都很简朴的。

hexo和Jekyll都有多种多样的主题,看自己的气势派头(其实我就是用的自带的,没用其他的。感受还是自带的悦目一点→_→ ╭(╯ε╰)╮)搞个自己的博客对于平时做做条记也是很不错的。

此处就是接纳的hexo默认使用的主题,而且提供的主题都有相应的设置教程,只需根据教程将博客和相关的主题设置好就OK。这里也不用多说了,多多下去练练吧。好记性不如烂笔头,热炒热卖一个试试呢。


本文关键词:只,需要,几步,就能,完完全全,搭建,华体会官网,属于,只

本文来源:华体会-www.gxwymc.com