zoukankan      html  css  js  c++  java
  • github pages+hexo自建博客

    1、github创建新项目,然后开启pages即可

    2、全局安装hexo

    npm install -g hexo
    

    3、初始化hexo

    hexo init
    

    4、安装hexo的依赖

    npm i
    

    5、基本上就可以使用了

    hexo g #生成或 hexo generate   
    hexo s #启动本地服务器 或者 hexo server,这一步之后就可以通过http://localhost:4000  查看了
    

    6、创建文章或者创建页面

    hexo new "文章名" #新建文章
    hexo new page "页面名" #新建页面  
    

    7、部署到github(编辑根目录下_config.yml文件)注意有空格!

    deploy:
        type: git
        repo: git@github.com:cczeng/cczeng.github.io.git  #这里的网址填你自己的
        branch: master   
    

    8、最后上传到github上即可

      上传前要先安装

    npm install hexo-deployer-git --save 
    

      然后就可以随意上传了

    hexo d -g
    

    9、简单的markdown的简单介绍

    # 写作介绍
    ## 1,字体介绍
    *这是斜体* 或 _这也是斜体_ 
    **这是粗体**
    ***这是加粗斜体***
    ~~这是删除线~~
    ## 2,分级标题
    # 一级标题
    ## 二级标题
    ### 三级标题
    #### 四级标题
    ##### 五级标题
    ###### 六级标题
    ## 3,超链接
    写法:
    
    行内形式:[我的博客](https://xfbxfbxfb.github.io/)
    参考形式:[我的博客][1],有一个很好的平台-[简书][2]
    [1]:https://xfbxfbxfb.github.io/
    [2]:http://www.jianshu.com/
    自动链接:我的博客地址<https://xfbxfbxfb.github.io/>
    
    ## 4,列表
    无序列表:
    写法:
    
    * 无序列表项1
    + 无序列表项2
    - 无序列表项3
    
    有序列表:
    写法:
    1.有序列表项1
    2.有序列表项2
    3.有序列表项3
    
    ## 5,插入图片
    在 Hexo 中插入图片,首先需要将图片放在 source/img/ 文件夹下,然后如下方式进行插入:
    
    ![](https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1535014836&di=fafdb400041dc371b853cfb3fcc7b851&imgtype=jpg&er=1&src=http%3A%2F%2Fscdn.file1.gk99.com%2Fphoto%2F2015-09%2F2015-09-11%2F14419580206489.jpg)
    
    ## 6,表格
    | 表头1|表头2|表头3|表头4
    |-| :- | :-: | -: |
    |默认左对齐|左对齐|居中对其|右对齐|
    |默认左对齐|左对齐|居中对其|右对齐|
    |默认左对齐|左对齐|居中对其|右对齐|
    

      

  • 相关阅读:
    C#单纯的字母数字ASCII码转换
    解析类型后加问号和双问号
    【转】composer autoload 自动加载性能优化指南
    【转】Laravel 三种中间件作用讲解
    【转】Laravel belongsTo 详解
    【转】docker-compose详解
    【转】laravel之Artisan命令操作Artisan Console
    【转】Shell中>/dev/null 2>&1 详解
    【转】docker-entrypoint.sh 文件的用处
    【转】解决Debian下sudo命令unable to initialize PAM问题
  • 原文地址:https://www.cnblogs.com/huangqiming/p/10245103.html
Copyright © 2011-2022 走看看