zoukankan      html  css  js  c++  java
  • GitHub上搭建私人hexo博客操作教程

    GitHub上搭建hexo博客

    安装Git
    Git:主要用于上传博客页面到github和命令操作
    安装Node
    Node.js:Hexo的运行环境
    安装Hexo
    Hexo:博客程序
    打开安装Git后的生成的右键菜单Git Bash,输入如下代码安装Hexo:

    npm install -g hexo-cli

    等待安装完成即可

    生成本地博客


    首先切换到你需要创建博客的文件目录,鼠标右击空白处打开git bash,输入如下代码生成一个本地博客:

    hexo init myblog

    创建好之后输入代码切换到博客文件夹目录并使用npm包管理工具安装hexo所需的依赖模块

    cd myblog && npm install

    继续输入:

    npm install hexo-deployer-git --save

    这是用于将hexo本地博客上传到github页面上必需的模块
    最后再输入

    npm install hexo-server --save

    安装hexo服务器模块,用于本地预览博客
    到这里就基本在本地完成博客的搭建了。可以输入如下命令来看下hexo博客的初始效果:

    hexo s

    这条命令是hexo server的简写形式,启动一个本地服务器,不要关闭当前git bash窗口,打开浏览器,输入网址http://localhost:4000进行访问。有一篇Hello World博文,效果图如下:

    将本地博客上传到github


    创建需要将博客存放在github上的仓库,我们需要一个github账户,如果没有请注册,然后点击New repository创建仓库,Repository Name按如下格式填写:

    yourname.github.io

    注:yourname填写你的账户名
    点击Create repository即可
    修改_config.yml文件
    找到_config.yml文件,用记事本打开(Nodepad++sublime等文本编辑器都可),鼠标拉到最下面,修改成:

    deploy:
      type: git
      repo: https://github.com/yourname/yourname.github.io.git

    注:两处yourname都需要填写你的账户名

    部署本地博客到github


    首先输入如下命令生成静态页面

    hexo g

    这条命令是代码hexo generator的缩写,生成好之后,继续输入

    hexo d

    这条命令是代码hexo deploy的缩写,用于将生成的静态文件上传到github,等待完成之后在浏览器输入yourname.github.io就可以看到你的博客页面了
    注:首次使用git会询问github的账号信息,填写你对应的账户信息即可
    推荐主题:next,里面有详细的next主题使用方法,在此我就不赘述了

    -------------------------------------------

    个性签名:独学而无友,则孤陋而寡闻。做一个灵魂有趣的人!

    如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,博主在此感谢!

    万水千山总是情,打赏一分行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主,哈哈哈(っ•̀ω•́)っ✎⁾⁾!

  • 相关阅读:
    进程空间与系统空间(一)
    内核之最
    Linux 内核3.10.5 专场
    device_create与device_register
    重写与重载的含义
    抽象类和接口的区别
    Spring知识点
    mybatis学习
    知识点
    Mybatis面试题
  • 原文地址:https://www.cnblogs.com/mahmud/p/10224262.html
Copyright © 2011-2022 走看看