zoukankan      html  css  js  c++  java
  • 用hexo搭建自己的blog

    一、工具准备:

    1.1 安装node

    作用:用来生成静态页面的 到Node.js官网下载相应平台的最新版本,一路安装即可。

    1.2 安装Git

    作用:把本地的hexo内容提交到github上去. 安装Xcode就自带有Git,我就不多说了。

    1.3申请GitHub

    作用:是用来做博客的远程创库、域名、服务器之类的,怎么与本地hexo建立连接等下讲。 github账号我也不再啰嗦了,没有的话直接申请就行了,跟一般的注册账号差不多,SSH Keys,看你自己了,可以不配制,不配置的话以后每次对自己的博客有改动提交的时候就要手动输入账号密码,配置了就不需要了,怎么配置我就不多说了,网上有很多教程

    二、安装步骤:

    2.1 正式安装hexo

    windows平台

    npm install -g hexo

     

    碰到上面问题:

    npm cache clean --force

    输入以上命令行,然后重新安装。

    生成静态页面

    hexo generate (hexo g  也可以)  

    启动本地服务,进行文章预览调试,命令

    hexo server (hexo s也可以)

    在浏览器地址栏输入

    http://localhost:4000/

    出现如图界面:恭喜你,初步hexo搭建完成

    三、git部署

    在自己的githup账户上新建一个仓库,仓库名必须为【your_user_name.github.io】

    打开_config.yml,拉到最底下修改一下配置:

    # Deployment
    ## Docs: https://hexo.io/docs/deployment.html
    deploy:
      type: git 
      repository: https://github.com/shawwey/shawwey.githup.io.git
      branch: master

    type选择git类型,repository选择自己的git地址,branch选择master分支。

    注意每个内容离:要有一个空格

    输入命令

    npm install hexo-deployer-git --save

    接着输入:

    hexo deploy

    在自己的git项目下就可以看到相关的同步文件了 :

    在地址栏输入:https://shawwey.github.io/

     四、一些常用命令:

    每次部署都按照一下命令进行操作

    hexo clean
    hexo generate
    hexo deploy

    常用命令:

    hexo new "postName" #新建文章
    hexo new page "pageName" #新建页面
    hexo generate #生成静态页面至public目录
    hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)
    hexo deploy #将.deploy目录部署到GitHub
    hexo help  #查看帮助
    hexo version  #查看Hexo的版本

    主题列表可以先去官网查阅,然后再去官网主题列表引用。

     

  • 相关阅读:
    转载:每一个程序员要遵守的一些优秀编程风格
    Eclipse使用技巧及个性化设计
    博客园颜色、粗细、字体及大小
    转载:开发移动应用的7大设计要点
    转载:15件事造就有理想的程序员
    程序员理想
    找工作主要看什么
    转载:程序员应该扪心自问的10个问题
    程序员保值的4个秘密
    HTML5标签一览
  • 原文地址:https://www.cnblogs.com/shawWey/p/7831940.html
Copyright © 2011-2022 走看看