开发背景:时隔一年,公司业务不忙,闲暇之余看看node的使用场景。一篇文章把我吸引到了Nodejs的15个应用场景,然后我就被这个hexo框架吸引了,说来不及了,不过当时速度很快,所以很快就开始搭建了。在网上找了很多资料,搭建了一天。我的博客地址:blog,记录一下过程,方便以后学习。开始构建和学习新框架的一般步骤:阅读中文文档并按照(Hexo中文文档)进行操作。一般会出现各种各样的问题。当然,也有直接成功的。不幸的是,我是那种有问题的人。没关系。只有解决问题,才能学到更多的东西;在网上找了一些hexo的教程,继续努力;如果这时候还有问题,那就是有针对性的问题,比较难解决,继续在网上搜索相关的解决方法;网上的资源真的很多,很有用,只要你想学,没有找不到的,哈哈哈...1.安装前提:既然是node框架,前提是你已经安装了Node.js(下载地址),你还需要安装Git(下载地址);如果以上程序安装成功,下一步就是安装hexo:$npminstall-ghexo-cli安装完成后,需要初始化项目,执行以下命令:$hexoinit$npminstall后完成后,项目目录是这样的:.├──_config.yml├──package.json├──scaffolds├──source|├──_草稿|└──_posts└──themes_config.yml网站的配置信息,可以配置大部分参数。后面发布到github的时候,这个文件很有用;package.json应用程序信息。文档其他部分的详细解释请参考文档。这里只是记录一下搭建和发布的过程。写文章的具体步骤就不过多解释了。接下来可以在本地启动服务查看项目的初始状态:$npminstallhexo-server--save$hexoserver效果大概如下:我稍微修改了一下文本配置,可能你的会有点不同来自我的,项目能启动就是成功的;二、发布到github并设置为个人博客1、在github上新建仓库登录自己的github后,点击界面右上角用户信息左侧的加号,创建一个newrepository:然后给新仓库起个名字。注意:这个名字必须和用户一样如果名字一样,github会默认设置为用户的博客:项目建好后,会进行一些信息设置:设置里有分支选项页面,如果有master分支,默认为博客的首选代码;2.在本地构建将hexo发布到github:将本地代码上传到github有多种方式:可以使用GithubDesktop,简单直观,但是需要把我们之前构建的项目生成的文件放到location通过GitHubDesktop指定,然后上传它们。感觉不太聪明,有点笨重,所以我选择planB,yay!我真是个机灵的鬼。。。下面是在项目中生成静态文件的命令:$hexogenerate简写,结果一样$hexog执行上面的代码后,会生成一个public文件夹在项目的根目录。选择planA的童鞋用GitHubDesktop将里面的所有文件上传到github;还有一种就是在当前项目中直接连接自己的github远程上传文件,这会涉及到SSH(关于SSH是什么,网上有很多详细的说明,大家可以自行查找学习)安装插件:npminstallhexo-deployer-git--save修改网站配置文件_config.yml,添加deploy信息:deploy:type:gitrepo:git@github.com:wjlilh/wjlilh.github.io.gitbranch:Theconfigurationmaster上面repo的信息,替换成自己的项目名生成SSHkey:按照网上教程生成sshkey时,直接ssh-add,但是失败了,排查问题,原因是,我是第一次使用ssh-agent对于agent,第一次需要执行以下命令,后面就不需要了(具体可以参考这里的链接):$ssh-agentbash输入上面的命令启动进程,然后输入命令:$ssh-add~/.ssh/id_rsa按照提示输入密码,这样ssh-key就生成在c盘对应的位置;配置github账号的ssh-key,打开id_rsa.pub文件,复制整串publickeys进入你的github账号设置,在ssh和GPGkeys中添加一个新的sshkey,后面的title是可选的,key填写id_rsa.pub文件中的内容,并保存;验证连接是否成功:$ssh-Tgit@github.com以下语句显示您的ssh密钥已配置Hiwispyoureyes!你认证成功了,但是github不提供shell访问。ok,至此,本地和远程github的连接已经建立,在项目中,直接生成一个静态文件,上传即可:$hexoclean//清除缓存文件db.json和生成的静态文件public$hexog//生成网站静态文件到默认public文件夹$hexod//部署网站到设置的仓库完成个人博客的github部署后,直接打开进程中设置的地址即可查看。我的是:https://wjlilh.github.io/
