小知识,大挑战!本文正在参与“程序员必备小知识”创作活动
前言
在系列文章第一篇中,我们已经简单介绍了如何搭建必备环境,包括git
nodejs
hexo
的安装等等。以上环境是建立博客的必备环境,如果还没安装好的同学,可以点此前往查看安装。如果已经安装好了的同学,跟着接下来的教程部署第一个属于自己的个人博客网站吧!
操作步骤
转到任意自己喜欢的目录下
cd <path_to_your_blog>
初始化博客
执行以下命令
hexo init <folder>
cd <folder>
npm install
初始化完成之后,指定文件夹的目录如下
.
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes
这些目录及文件的作用将在之后向大家详细介绍,今天我们先不管这些,先在本地建一个默认主题网页就ok
新建博文
hexo new <your_new_blog_name>
该命令会在source/_posts
目录下生成一个名为your_new_blog_name.md
的markdown文件,你可以编辑该文件,之后该文件的内容即会出现在我们的网页上。hexo的source/_posts
目录即为博客文件的存放目录,如果你想要手动上传一个markdown文件到该目录下也是可以的
生成静态文件
hexo generate
执行该命令后,你就能在public
文件夹下见到我们网站的静态文件,该静态文件由hexo
根据博客的主题及我们source
文件夹下下的内容自动生成,此时如果打开public
文件夹下的index.html
文件,你会惊奇的发现一个神奇的博客网站!对,我们的网站竟然已经建好了!接下来,只需要将之部署上去即可。
部署网站
hexo server
hexo deploy
执行该命令后,hexo就会自动帮我们在本地4000端口部署好我们的网站啦,你现在浏览器访问http://127.0.0.1:4000
试试看?
结语
本篇文章带着大家初步在本地建立了一个属于自己的个人博客网站,但是仍具有许多问题,比如除了自己其他人看不到,默认主题的样子不尽人意等等,在接下来几篇博客,我将带领大家解决以上问题。