美文网首页
使用 Hexo 搭建属于自己的博客(一)

使用 Hexo 搭建属于自己的博客(一)

作者: 胡二闹 | 来源:发表于2018-10-05 12:59 被阅读0次

    最近心血来潮,突然想搞一个自己的博客,虽然很早之前按就在博客园上注册过,总感觉有那么一丢丢low。网上查了查,发现Wordpressh和Hexo都还行,都支持安装自定义主题。Wordpress需要本地的数据库和支持后台操作,相比较下Hexo更加轻量级,那就这么愉快的决定了,let's get it!

    准备工作

    1. 安装Node.js和配置好Node.js环境。
    2. 安装Git和配置好Git环境。
    3. 申请github账号,后面需要将项目上传至github上,使用它的服务器上线。

    安装Hexo

    1. 全局安装Hexo,在自己认为合适的地方创个文件夹,在这个文件夹目录下打开命令行,执行下列代码。
    npm install hexo -g
    
    1. 检查hexo是否安装成功,如果出入一大堆版本号,就是成功了。
    hexo -v
    
    1. 在该文件夹下初始化hexo
    hexo init
    

    看到后面的“Start blogging with Hexo!”,就代表成功咧,激不激动噻!

    1. 安装hexo运行所需要的组建,建议在网络好的情况下进行,不然丢包出错真的不好查。。。
    npm install
    
    1. 编辑静态文件,手不要贱,等着就行。
    hexo g
    
    1. 启动hexo本地服务器,根据提示在浏览器中输入网址。
    hexo s
    

    如果端口号被占用,执行下列代码

    hexo server -p 端口号
    
    1. 如果出现下图就代表成功了


      成功

    关联github

    1. 确保自己使用的电脑已经有生成公钥和密钥,并且在github上已经设置好。测试连接代码如下。
    ssh -T git@github.com
    
    1. 在github上创建一个新的仓库,项目必须要遵守格式:账户名.github.io,不然不能使用它本身提供的服务器。
    2. 配置Deployment,在根目录下找到_config.yml文件,修改deploy,一般在文件的最后面。repository后面改成自己仓库的SSH链接地址。
    deploy:
      type: git
      repository: git@github.com:hzy1735/hzy1735.github.io.git
      branch: master
    
    1. 安装一个模块,用来进行自动打包提交。
    npm install hexo-deployer-git --save
    
    1. 制定打包提交命令
    hexo d -g
    
    1. 如果没有error,就是部署成功了,输入http://用户名.github.io,即可浏览自己的博客了

    编写博客

    1. 在根目录下,命令行中输入下列代码,自动创建一个后缀为md的文件
    hexo new post “博客名”
    
    1. 由于Hexo的博客都是md文件,所以需要学一下md的语法,其实很简单,自行百度去吧。我是用vscode编写的,安装一个Markdown Preview Enhanced插件,就可以预览写出来的东西,vscode真牛逼!!!
    2. 编写完成后,在执行打包提交代码,就能对线上的博客进行更新了。
    hexo d -g
    

    以上就是安装hexo和上线的操作咯,接下来还有更高级的操作咧。

    相关文章

      网友评论

          本文标题:使用 Hexo 搭建属于自己的博客(一)

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