美文网首页别人的好货让前端飞Web前端之路
如何从零搭建hexo个人博客网站

如何从零搭建hexo个人博客网站

作者: Brighten_Sun | 来源:发表于2018-03-22 10:23 被阅读492次
    首先需要你的电脑已经安装了node.js和git bash。还需要有github的账号哦。
    其次需要安装全局hexo,先创建一个文件夹名字你开心就好。使用命令行工具也好,gitbash也好输入:
    npm i -g hexo
    

    下载完成后切入文件夹根目录,在命令行中输入:

    hexo init
    
    hexo1.png

    当你看到文件夹中有这些文件的时候,小伙子你已经成功一般咯。吼吼吼

    解释一下:

    node_modules:是依赖包
    public:存放的是生成的页面
    scaffolds:命令生成文章等的模板
    source:用命令创建的各种文章
    themes:主题
    _config.yml:整个博客的配置
    db.json:source解析所得到的
    package.json:项目所需模块项目的配置信息

    第二步去github创建自己的仓库

    创建一个repo,名称为yourname.github.io, 其中yourname是你的github名称,按照这个规则创建才有用哦,如下


    hexo2.png

    创建一个repo,名称为yourname.github.io, 其中yourname是你的github名称,按照这个规则创建才有用哦,如下(因为重要所以重复两遍)


    hexo3.png

    仓库创建好后回到gitbash中,配置github账户信息(YourName和YourEail都替换成你自己的):


    username.png email.png
    第三步创建SSH

    在gitbash中输入:ssh-keygen -t rsa -C "youremail@example.com",然后一顿回车键生成ssh。

    然后cd ~/.ssh 然后 cat id_rsa.pub找到id_rsa.pub文件的内容。记住记住,当文件内容出来后需要全部粘贴从ssh-rsa一直到最后。

    第四步将上面获取的ssh放到github中
    hexo4.png

    点击头像部分,然后再次点击Settings后会出现如下界面,然后按照箭头继续操作


    hexo5.png

    title随便取,key就填刚刚的ssh-rsa一直到最后的id_rsa.pub。

    在gitbash中验证是否添加成功:ssh -T git@github.com

    第五步

    用编辑器打开你的blog项目,修改_config.yml文件的一些配置(冒号之后都是有一个半角空格的):

    deploy:
      type: git
      repo: git@github.com:yourgithubname/yourgithubname.github.io.git  
      branch: master
    

    yourgithubname是需要替换成你自己的github名称哦

    回到gitbash中,进入你的blog目录,分别执行以下命令:

    hexo clean
    hexo generate
    hexo server

    打开浏览器输入:http://localhost:4000你就可以看到你的本地博客了哦

    第六步上传到github

    先安装一波:npm install hexo-deployer-git --save(这样才能将你写好的文章部署到github服务器上并让别人浏览到)
    执行命令(建议每次都按照如下步骤部署):

    hexo clean
    hexo generate
    hexo deploy
    

    在浏览器中输入http://yourgithubname.github.io就可以看到你的个人博客啦,啦啦啦德玛西亚!
    这个yourgithubname也要替换成你自己的哦,不然是404页面。

    相关文章

      网友评论

      本文标题:如何从零搭建hexo个人博客网站

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