美文网首页
hexo+next+github 博客搭建

hexo+next+github 博客搭建

作者: woshiliujia110 | 来源:发表于2018-12-06 00:19 被阅读0次

    这篇文章主要记录搭建博客的过程,与坑?

    写这篇文章主要也是为了记录自己的学习过程,搭建博客也是为自己的学习过程有个记录的地方!

    博客地址:等我搭建好了我会回来补上的!!!

    Hexo部署:

    在安装hexo之前保证计算机装了node和git并且有一个github账号

    1.全局安装hexo

    npm install -g hexo-cli
    //最好使用淘宝镜像
    //安装淘宝镜像
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    

    2.建立hexo的站点,也就是生成网站啥的
    这一步Windows系统可以直接在你想要安装的文件夹右键git bash here,然后直接下面命令

    hexo init <folder>
    cd <folder> //如何用的git bash这一步可省去,直接下一步
    npm install //这一步依然可以使用cnpm会更快
    

    中间省略了一些叙述讲解
    先直接把网站搞出来看看!

    hexo g //这一步是生成浏览器所能解析的网页目录文件
    hexo s //这一步是启动服务器,成功后访问http://localhost:4000/
    
    网站生成如上

    生成的目录如下

    .
    ├── _config.yml //博客的配置文件,在hexo的中文文档会有表示"https://hexo.io/zh-cn/docs/configuration"
    ├── package.json //依赖包,npm install 执行就是安装这里面的依赖
    ├── scaffolds 
    ├── source //主要放写的博客内容
    |   ├── _drafts //草稿
    |   └── _posts // 文章
    └── themes //主题文件,就是你们网上down的主题
    

    静态站搭好之后肯定还要写博客啥的对不对:
    下面介绍几个命令

    hexo init //生成站点,就是生成上面的雏形
    hexo new <layout> "title" //layout 有两个值来选page/posts,对应添加新的文章/新的页面,简写就是hexo n
    //以上步骤会在source中生成出来新的文章或者页面,可以使用mardown编辑器来写。
    

    PS:不会markdown的可以先在简书上学习下,真的太简单了,就像我这篇文章写到这里,已经会使用了!

    以上二步完成后肯定还有其他的

    hexo generate //这一步生成静态网页,就是html那种 简写命令 hexo g
    hexo server // 这是启动静态服务器,就是可以在本地访问看下效果那种 简写命令 hexo s
    hexo deploy //写完之后的发布,hexo d
    

    如何部署到github留到最后,因为比较简单,我们先把网站做的好看点

    NEXT 主题

    hexo有很多的主题,只是都不和我的心意,不信你去找找(主要它竟然还有文档)

    安装

    在终端窗口下,定位到 Hexo 站点目录下。使用 Git checkout 代码:
    git clone https://github.com/iissnan/hexo-theme-next themes/next
    //安装完后肯定要启用的,在hexo的站点根目录找到'_config.yml',定位到'theme'改成theme: next
    
    

    配置NEXT主题

    1.选择 Scheme 即 选择啥类型主题风格
    在主题文件夹下面也有个'_config.yml'文件,这是主题配置文件,搜索 scheme 关键字
    如下图:


    theme/_config.yml

    可以试着切换这几种特性,看看效果
    ps:不需要重新发布,保存刷新页面就行

    2.继续在'theme/_config.yml'设置语言 繁体中文'zh-hk 或者 zh-tw'


    简体中文

    最新版本设置语言遇到的坑,languages/zh-hans 需要重新命名为 'zh-CN'
    languages: zh-CN 这样才能正常显示


    6.x版本需要这样配置

    3.设置菜单

    相关文章

      网友评论

          本文标题:hexo+next+github 博客搭建

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