美文网首页
个人博客搭建教程

个人博客搭建教程

作者: 风慕李 | 来源:发表于2020-07-06 13:11 被阅读0次

    作为一名程序员,还是要有一个属于自己的博客的,不管是为了分享还是记录一路走来的学习实战经验,都是一个不错的选择。

    Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

    当然我们可以在其他平台去创作记录,但选择一款优秀的博客框架,我们可以自由设计,可以选择放在自己服务器上,这种归属感和这个过程也是个不错的经历。今天我们选择的是hexo博客框架,选择的主题是matery。你现在看到的我的博客就是用这个搭建的,是不是很好看?

    下载hexo

    前往hexo官网,查看详细的文档

    #<!-作为一名程序员,我相信大家的电脑已经安装了node和git了--->
    #<!-本地全局安装hexo--->
    $ npm install -g hexo-cli
    
    

    建站

    $ hexo init 文件夹名称
    $ cd 上一步的文件夹名称
    $ npm install
    
    #<!--最后生成的文件夹,记住相应的注释-->
    ├── _config.yml #根目录配置
    ├── package.json #依赖包
    ├── scaffolds #模版文件夹
    ├── source #存放用户资源的地方
    |   ├── _drafts
    |   └── _posts #你创建的文章将会放在这里
    └── themes #主题
    

    配置

    编辑根目录下的_config.yml,修改title:为自己网站的名字,修改language:为zh-CN即中文,修改url:为自己的域名地址,修改root:为网站根目录(访问即为域名+根目录)

    本地跑起来,查看默认博客网站长啥样子

    #<!--进入第一步的文件夹下-->
    #<!--打包生成public-->
    $ hexo clean && hexo generate
    #<!--监视文件变动-->
    $ hexo generate --watch
    #<!--安装服务-->
    $ npm install hexo-server --save
    本地浏览器输入localhost:4000查看效果
    

    写文章

    #<!--进入第一步的文件夹下-->
    #<!--创建一个test-page页面-->
    $ hexo new test-page
    #<!--在source/_posts里你可以看到你创建好的页面test-page.md-->
    ---
    title: 博客搭建 #文章名称
    date: 2020-06-05 15:30:27
    categories: 博客框架hexo #文章分类
    tags: #文章标签
    - hexo
    - sftp
    img:http://xxx.com/xxx.jpg #文章特征图
    top:true #文章会作为首页推荐文章
    ---
    #<!--如果之前你监听了文件变动,你刷新就可以看到你创建的文章test-page-->
    #<!--如果没有监听-->
    $ hexo clean && hexo generate
    刷新页面查看效果
    

    至此hexo的默认博客我们已经搭建完毕,下一篇我们将介绍如何使用好看的matery主题风格,重塑我们的博客。

    相关文章

      网友评论

          本文标题:个人博客搭建教程

          本文链接:https://www.haomeiwen.com/subject/wmuwqktx.html