网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

使用Hexo开源博客系统,轻松搭建你的个人博客(1)

Hexo 是一个轻量级、简洁、高效且高端的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。同时有着丰富的主题,官网或者GitHub都可以轻松下载到。由于Hexo博客都是静态文件,所以推荐部署在Github上,不需要额外的服务器和后台,做到零成本。
话不多说,下面就开始介绍如何使用Hexo搭建个人博客。
博客原文链接:https://codernice.top/articles/65209.html

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

准备

hexo依赖于Node.js和Git,因此需要先安装这两项:
1.Node.js下载地址
2.Git下载地址
安装完Node.js后,可使用npm命令,由于npm命令本身是很慢的(源在国外),建议使用淘宝的cnpm来替代npm命令,打开命令行执行如下命令安装cnpm:

npm install -g cnpm --registry=https://registry.npm.taobao.org

-g表示全局安装,下面就可以开始安装Hexo了。

安装Hexo

1.安装

命令行执行如下命令:

cnpm install -g hexo

2.创建目录

在任意地方创建文件夹hexo,如D:\blog\hexo,这个文件夹就是用来存放博客代码和文章的地方,后面我们称之为根目录。

3.初始化Hexo

这边建议在GitBash操作,又键该目录,选择Git Bash Here,打开后执行如下命令:

hexo init

初始化后会在目录生成如下文件
使用Hexo开源博客系统,轻松搭建你的个人博客(1)
大家会看到,目录中有个名为_config.yml的文件,这个是全局配置文件,主要配置站点信息。
这时我们的hexo博客已安装完成,执行如下命令

hexo g
hexo s

然后打开浏览器输入:http://localhost:4000,即可看到博客主页。
使用Hexo开源博客系统,轻松搭建你的个人博客(1)

4.写文章

执行下列命令来创建一篇新文章

hexo new [layout] </code></pre><p>layout可选,默认post,可以通过修改 _config.yml 中的 default_layout 参数来指定默认布局</p><p>Hexo 有三种默认布局:post、page 和 draft。在创建者三种不同类型的文件时,它们将会被保存到不同的路径;而自定义的其他布局和 post 相同,都将储存到 source/_posts 文件夹。</p><table>
<thead>
<tr>
<th>布局</th><th>路径</th></tr>
</thead><tbody><tr>
<td>post</td>
<td>source/_posts</td>
</tr>
<tr>
<td>page</td>
<td>source</td>
</tr>
<tr>
<td>draft</td>
<td>source/_drafts</td>
</tr>
</tbody>
</table><p>执行命令后会在对应目录下生成一个markdown文件</p><p><img src="/upload/otherpic63/13855902-4fdc46428a0ba7a1.png" alt="使用Hexo开源博客系统,轻松搭建你的个人博客(1)"></p><h2>总结</h2><p>在此,Hexo博客初始版本已经搭建完成,下一章节,将教大家如何安装主题,配置一些常用的功能。</p><h3>重点</h3><p><code>hexo init</code>:初始化Hexo<br/><code>hexo g</code>:重新生成public文件夹,这个里面是生成的所有静态文件,包括html,css,js文件以及图片等<br/><code>hexo s</code>:启动hexo服务的<br/>可连着使用<code>hexo s hexo g</code><br/><code>hexo new [layout] <title></code>:创建文章</p>            
            
                        <br>
            分享文章:使用Hexo开源博客系统,轻松搭建你的个人博客(1)            <br>
            标题网址:<a href="http://bjjierui.cn/article/jgdsei.html">http://bjjierui.cn/article/jgdsei.html</a>
        </div>
    </div>
    <div class="other">
        <h3>其他资讯</h3>
        <ul>
            <li>
                    <a href="/article/igjogg.html">九析带你了解云原生(CloudNative)</a>
                </li><li>
                    <a href="/article/igjosp.html">python如何调用exe文件</a>
                </li><li>
                    <a href="/article/igjogo.html">关于php中变量的初始化以及赋值方式的介绍是什么</a>
                </li><li>
                    <a href="/article/igjoge.html">Redis的安全配置</a>
                </li><li>
                    <a href="/article/igjodi.html">如何解决android软键盘挡住输入框方法</a>
                </li>        </ul>
    </div>
</div>
<ul class="kf">
    <li class="kf1"><span class="tela">建站热线:<a href="tel:13518219792" target="_blank">13518219792</a></span></li>
    <li class="kf11"><span  class="weixin"><img src="/Public/Home/images/weixin.jpg" alt="网站建设微信咨询"><br>
    微信扫一扫在线咨询</span> </li>
    <li class="kf5">QQ客服: <a href="http://wpa.qq.com/msgrd?v=3&uin=631063699&site=qq&menu=yes" class="on2" target="_blank" rel="nofollow"><img src="/Public/Home/images/qq.gif" alt="建站业务咨询" title="建站业务咨询"></a> <a href="http://wpa.qq.com/msgrd?v=3&uin=631063699&site=qq&menu=yes" class="on2" target="_blank" rel="nofollow"><img src="/Public/Home/images/qq.gif" alt="网站设计咨询" title="网站设计咨询"></a></li>
    <li class="kf2"><a href="http://www.bjjierui.cn/cases/" target="_blank">案 例</a></li>
    <li class="kf4"><a href="http://www.bjjierui.cn/" target="_blank">价 格</a></li>
    <li class="kf6" title="返回顶部"></li>
</ul>
<div class="footer">
    <div class="footer_2">
        <p>Copyright © 2012-2020 <strong>网创优客信息咨询</strong> 版权所有  蜀ICP备2023009085号-7<br />
            手机:13518219792 QQ:631063699 地址:成都市青羊区锣锅巷31号  邮编:610000 Email:wh@cdxwcx.com<br/>

            成都网络公司-网创优客建站品牌专注<a href="http://www.bjjierui.cn/">成都网站建设</a>、<a href="http://www.bjjierui.cn/">成都网站设计</a>服务,为成都公司建设高品质的网站</p>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function(){

        $(".kf6").click(function() {
            $('body,html').animate({
                scrollTop : 0
            }, 500);
            return false;
        });

    })
    var bodyhe=$("body").height();
    var winhe=330;
    var bodyf=bodyhe-winhe;
    var bodyft=bodyhe-365;
    window.onscroll = function(){
        var t = document.documentElement.scrollTop || document.body.scrollTop;
        if(t>200){
            $(".kf .kf6").stop().animate({opacity:'1'},200);
        }else{$(".kf .kf6").stop().animate({opacity:'0'},200);}
        if(t>1 && t<winhe){

            $(".header").addClass('no');
            $(".header").removeClass('notwo');

        }else if(t>winhe){
            $(".header").removeClass('no');
            $(".header").addClass('notwo');

        }else{
            $(".header").removeClass('no');
        }
    }
</script>
</body>
</html>
<script>
    $(".con img").each(function(){
        var src = $(this).attr("src");    //获取图片地址
        var str=new RegExp("http");
        var result=str.test(src);
        if(result==false){
            var url = "https://www.cdcxhl.com"+src;    //绝对路径
            $(this).attr("src",url);
        }
    });
    window.onload=function(){
        document.oncontextmenu=function(){
            return false;
        }
    }
</script>