美文网首页
github与hexo搭建个人博客2018(一)

github与hexo搭建个人博客2018(一)

作者: Henry_Zhou | 来源:发表于2018-11-21 13:33 被阅读69次

    本文使用markdown语法写作,主要是讲解如何从零使用github配合hexo搭建个人博客系统,由于本人刚刚做完,所以讲踩了的坑都填上。

    这是我的博客地址:https://henryzhou1002.github.io/

    第一步:下载安装git

    不建议安装最新版本的git,会有很多意想不到的问题,截止本人发文章,最新版本的是10,建议使用8。
    默认安装即可。

    第二布:下载安装nodejs

    同样不建议安装最新版本。安装过程全部为默认即可。

    1.测试:在安装完成后,打开cmd,测试git -v 与 node -v,如果成功打印出版本号,说明安装成功,否则安装失败。
    2.配置nodejs(这一点很重要):
    在nodejs的安装目录下(默认为:C:\Program Files\nodejs),新建两个文件夹,一个是node_global(用来配置npm的全局下载位置,说白了,配置后,不管在哪个目录下使用npm下载东西,都会下载到node_global目录下),一个是node_modules,然后在环境变量中进行配置。
    可以参考这篇文章,我完全就是按照他的方法进行配置的。
    https://www.cnblogs.com/zhouyu2017/p/6485265.html

    第三步:安装hexo

    1.利用npm命令安装,在D盘下寻找一个合适的目录(最好为空目录),点击鼠标右键,选择git bash here。
    2.输入命令:npm install hexo -g。(如果无法访问或者很慢,请自备梯子,或者:

    • 大家估计都有被“墙”的经历,安装hexo为了避免出现类似情况,我使用淘宝NPM镜像,输入以下命令等待安装完成
    $ npm install -g cnpm --registry=https://registry.npm.taobao.org
    
    • 使用淘宝NPM安装Hexo
    $ cnpm install -g hexo-cli
    

    与原先的npm完全一样,只是命令改为cnpm,一样等待hexo安装完成 。(参考自:https://blog.csdn.net/jzooo/article/details/46781805

    第四步:初始化hexo

    在新创建的目录下,git bash here,输入hexo init ,就将hexo迁移过来了,可能会很慢。
    在_config.yml中,进行编辑

    image.png
    其中,在这里https://hexo.io/themes/可以浏览到更多主题,主题的安装方法:
    输入命令:git clone https://github.com/iissnan/hexo-theme-nextthemes/next(next为主题名字),来获得更多主题。

    第五步:本地博客浏览

    分别输入

    hexo g
    
    hexo s
    

    打开浏览器:localhost:4000。
    恭喜,已经完成了本地部署。后面将把hexo部署到github。

    第六步:写文章

    在Hexo\source_posts文件下,新建.md文件就可以写文章了。

    第七步:将hexo部署到github上

    1.申请github帐号,并新建一个repository,注意,命名的时候一定要和自己的名称一致。

    捕获.JPG 。
    2.修改_config.yml的内容为:
    捕获.JPG
    注意:划线地方为 捕获.JPG
    3.完成后,在该目录下运行git bash here,然后输入命令:
    npm install hexo-deployer-git --save
    4.发布到github
    hexo clean && hexo g && hexo d
    第一次发布会验证github帐号,输入即可。
    5.查看已发布的博客
    发布完成后,查看 选择settings
    链接即是博客的地址
    6.开心地去欣赏自己的新作吧。
    7.创建新文章:hexo new "我的新文章"

    相关文章

      网友评论

          本文标题:github与hexo搭建个人博客2018(一)

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