资讯

精准传达 • 有效沟通

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

使用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>
            文章URL:<a href="http://cdkjz.cn/article/jgdsei.html">http://cdkjz.cn/article/jgdsei.html</a>
        </div>
        <div class="g-return-wrapper clearfix">
            <a href="http://www.cdkjz.cn/" class="home">返回首页</a>
            <a href="http://www.cdkjz.cn/news/" class="column">了解更多建站资讯</a>
        </div>
    </div>
</div>
<div class="full-related-news">
    <h3 class="related-title">相关资讯</h3>
    <div class="related-news weblg">
        <ul class="clearfix">
            <li>
                    <a href="/article/ieogjd.html">
                        <h2 class="title">css如何实现指示器图形</h2>
                    </a>
                </li><li>
                    <a href="/article/ieogpe.html">
                        <h2 class="title">CSS中制作动画的属性有哪些</h2>
                    </a>
                </li><li>
                    <a href="/article/ieogij.html">
                        <h2 class="title">CSS类选择器的用法介绍</h2>
                    </a>
                </li><li>
                    <a href="/article/ieogpj.html">
                        <h2 class="title">C++怎么定义析构函数</h2>
                    </a>
                </li><li>
                    <a href="/article/ieogsj.html">
                        <h2 class="title">python如何连接sqlserver数据库</h2>
                    </a>
                </li><li>
                    <a href="/article/ieogpg.html">
                        <h2 class="title">安装phpcmsv9的方法</h2>
                    </a>
                </li><li>
                    <a href="/article/ieogjh.html">
                        <h2 class="title">vue怎么定义数组对象</h2>
                    </a>
                </li><li>
                    <a href="/article/ieoggp.html">
                        <h2 class="title">Java并发中AQS原理的示例分析</h2>
                    </a>
                </li>        </ul>
    </div>
</div>
<div class="full-icontact-cover m-ft-contact">
    <div class="weblg">
        <div class="clearfix content">
            <div class="motto">
                多年建站经验
            </div>
            <div class="info">
                <h3>多一份参考,总有益处</h3>
                <h2> 联系快上网,免费获得专属《策划方案》及报价</h2>
                <div class="msg">
                    <p>咨询相关问题或预约面谈,可以通过以下方式与我们联系</p>
                    <h4> 大客户专线   成都:<a
                            href="tel:+13518219792" rel="nofollow">13518219792</a>
                          座机:<a href="tel:02886922220" rel="nofollow">028-86922220</a>
                    </h4>
                </div>
            </div>
        </div>
        <div class="btns clearfix">
            <a href="https://wpa.qq.com/msgrd?v=3&uin=631063699&site=qq&menu=yes" target="_blank" rel="nofollow"
               class="oline">在线咨询</a>
            <a href="javascript:;" class="edit" rel="nofollow">提交需求</a>
        </div>
    </div>
</div>
<div class="footer-content">
    <div class="weblg clearfix">
        <div class="friend-links">
            <h6 class="clearfix">
                <span class="tilte">友情链接</span>
                <a class="exchagne" href="http://wpa.qq.com/msgrd?v=3&uin=631063699&site=qq&menu=yes">交换友情链接</a>
            </h6>
            <div class="link-list clearfix">
                <div class="link-slider">
                    <a href="http://www.xhgfhy.com/
" title="郫县门窗定制" target="_blank">郫县门窗定制</a><a href="http://www.szsmxy.cn/" title="成都圣月服饰" target="_blank">成都圣月服饰</a><a href="http://m.cdcxhl.cn/H5/
" title="响应式网站建设" target="_blank">响应式网站建设</a><a href="http://www.75109.cn/" title="精灵网" target="_blank">精灵网</a><a href="https://www.xwcx.net/hkcloud.html" title="香港云服务器租用" target="_blank">香港云服务器租用</a><a href="http://m.cdcxhl.com/" title="成都网站建设" target="_blank">成都网站建设</a><a href="http://www.jxjierui.cn/" title="内江智速网站建设" target="_blank">内江智速网站建设</a><a href="http://www.scyingshan.cn/" title="营山网站建设" target="_blank">营山网站建设</a><a href="https://www.cdcxhl.cn/
" title="腾讯免备案主机" target="_blank">腾讯免备案主机</a><a href="http://www.shengjin119.com/" title="胜锦安防科技" target="_blank">胜锦安防科技</a>                </div>
            </div>
        </div>
    </div>
    <div class="full-foot-bottom">
        <div class="weblg clearfix">
            <p>成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询<a href="tel:028-86922220">028-86922220</a></p>
            <p>
                成都快上网科技有限公司-四川网站建设设计公司 | <a href="http://www.miitbeian.gov.cn/" target="_blank" rel="nofollow">蜀ICP备19037934号</a> Copyright 2020,ALL Rights Reserved cdkjz.cn | <a href="http://www.cdkjz.cn/" target="_blank">成都网站建设</a> | © Copyright 2020版权所有.</p>
            <p>专家团队为您提供<a href="http://www.cdkjz.cn/" target="_blank">成都网站建设</a>,<a href="http://www.cdkjz.cn/" target="_blank">成都网站设计</a>,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | <a href="###">网站建设地图</a></p>
        </div>
    </div>

</div>
<script type="text/javascript" src="../js/idangerous.swiper.min.js"></script>
<script type="text/javascript" src="../js/wow.min.js"></script>
<script type="text/javascript" src="../js/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="../js/jquery.placeholder.min.js"></script>
<script type="text/javascript" src="../js/layout.js"></script>
</body>
</html>
<script>
    $(".singlepage 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>