必威体育Betway必威体育官网
当前位置:首页 > IT技术

怎么建立一个自己的博客

时间:2019-06-21 14:45:15来源:IT技术作者:seo实验室小编阅读:55次「手机版」
 

建立

怎么建立一个自己的博客

1. 写在开头

其实我自己写的文章也不多,只是看到有些东西会做一下记录,所以部署一个自己的博客来记录这些东西也就会方便很多。而Hexo框架的博客使用方便对电脑要求也不高,并且有很多可以使用的主题,所以就用它把!

先来看看效果先

电脑/ipad版:

手机版:


来听首歌把

border="0" width="330" height="86" src="https://music.163.com/outchain/player?type=2&id=27965161&auto=0&height=66">

这个就是你看到这篇文章的博客的首页了哈哈,可能有些不美!不过我也觉得还ok啦!其实啦配置一个博客也不难,我所使用的就是由一位台湾的在校大学生开发完成的hexo博客框架。

1.1 这里是一些知识拓展

hexo官方文档:介绍了很多关于hexo的要求自己可以去看看。

1.2 HEXO简介

Hexo是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在github和Heroku上。作者是来自tommy351大神

2.1 安装/部署

安装Hexo相当简单。然而在安装前,您必须检查电脑中是否已安装下列应用程序:

  1. 安装的Git
  2. 安装的NodeJS
  3. 安装HEXO
  4. 部署项目
  5. 绑定个人域名
  6. 修改及配置主题
  7. 写文章部分

2.2安装Git

  • Git的安装步骤:双击下载好的EXE文件,一路下一个就好啦
  • 安装好后,打开gitbash

如果这样显示的话就成功了。

2.3安装的node.js

节点官网上下载最新的Windows安装包,推荐左边那个适用于大多数用户的直接安装即可。对于Windows用户来说,建议使用安装程序进行安装。安装时,请勾选添加到PATH选项。

2.4 Hexo的安装与使用

HEXO安装命令:新建一个用来储存博客的文件夹(比如说我这里在C:\ HEXO)

,然后在你想要安装的文件夹空白位置右键选择'Git Bash Here'

1.输入

npm install hexo -g  
其中的意思是:-g表示全局安装, npm默认为当前项目安装

2.现在打开CMD,在CMD中输入在C:\用户\磐英>后输入

cd C:/

〜其中的意思是:进入Ç盘根目录(这里你应该按照自己创建的文件夹选择不同的路径)〜

3.然后再输入

cd hexo

这样就能进入我放在Ç盘的HEXO文件夹了,就像这样

  1. 输入

    hexo init
    npm install    #install before start blogging
    hexo generate       #自动根据当前目录下文件,生成静态网页
    hexo server         #运行本地服务

    你会看到你的文件夹下出现了这些文件(我装了主题文件可能比你的多不过没关系)

    浏览器输入的http://本地主机:4000就可以看到效果了

到这里就配置完成了

3.1添加博文

在你安装hexo的文件夹空白位置右键选择'Git Bash Here'同2.4

hexo new "你的文章名"

这样你就会在博客目录下source/_posts\你的文章名.md自动生成一篇名叫'你的文章名'的一个md文件,使用md软件(这里安利一下一款极简的markdown编辑器)打开就可以使用Markdown语法书写了

写完后点击保存你就可以看到文章显示出来了

〜到这里博客就可以本地了〜

3.2部署到互联网

自己写的博客只能自己看总觉得缺少了些什么,因此申请一个域名然后把博客共享到互联网岂不美哉?

在阿里云注册一个域名(注册过程就不演示了) - 进入控制台 - 选择域名 - 域名解析

选择一型记录然后填入你电脑的IP,这样你就能通过域名来访问你的博客了!(这一步有问题可能选择使用阿里云域名解析上面那个新手引导)


4.素质拓展

4.1 Hexo的下一个主题安装

当初选择HEXO作为我博客的框架是因为:默认状态下HEXO已经有了不俗的表现,简洁优美,富有观赏性,多超的主题可供选择

官方教程在这

1.在你的文件夹下空白位置右键选择'Git Bash Here' 同2.4

$ git clone https://github.com/iissnan/hexo-theme-next themes/next

这步的意思是:从接下来的Gihub仓库中最新电子杂志版本。

  1. 启用下一个主题

修改需要C:/hexo/_config.yml配置项theme

用记事本打开_config.yml(我这里使用了记事本)中找到主题这一项把景观改为下一个(注意冒号后面的空格不能省略)

改为

然后在GIT中代码输入侧同2.4

hexo s

访问http://localhost:4000就会发现主题成功应用了。

参考:官方使用文档打造炫酷博客


4.2 远程化你的博客

在自己的电脑大可不必做这一步,我是因为博客部署在服务器上面需要远程维护便携性就显得尤为重要了。so,我选择部署了一个web应用来管理这个静态博客:通过 ·hexo-admin· 来管理 hexo 博客

就是这总效果:

当你不在电脑面前(我的是服务器)也可以轻松地写博客,岂不美哉?

何况:大丈夫生于天地之间,当读圣贤之书,养浩然正气,仿天地之德以爱人,效圣贤之志以成业。

说干就干!

方法如下:

~未完待续~

博客地址 http://dgut.top:4000/

我的另一个博客地址 http://usg1024.xin/

相关阅读

Android开发之内容提供者——创建自己的ContentProvid

转载请注明出处:http://blog.csdn.net/dmk877/article/details/50387741苦心人天不负卧薪尝胆三千越甲可吞吴,有志者天不负釜底抽

那么多的设计模型,怎么把他们变成自己的?

我们接受到的设计教育、看过的书籍或是关注过的公众号里流传着各式各样的关于设计流程的经典模型,比如Design Thinking Process,比

推荐几个H5页面制作工具,自己选一下吧

自从用H5做出的微场景风靡朋友圈,各类H5页面制作工具层出不穷。有了精美的H5展示,微信等新媒体更进一步地成为了企业营销的战场。吸

博客推广营销的六种有效方式?

事实上,博客营销,像网站一样,也需要数据分析。博客有多少朋友访问?博客有多少关注、博客文章访问如何、博客消息和评论率高不高、博客

Win7定时任务——提醒自己喝水

根据笔者与周边的朋友的交谈,现如今大多程序员也已开始重视自己的身体健康。只不过还是容易陷入费脑的工作,从而忘记进行一些有利健

分享到:

栏目导航

推荐阅读

热门阅读