资讯专栏INFORMATION COLUMN

【个人博客搭建及配置一】基础配置

qujian / 2062人阅读

摘要:博客地址本地安装首先保证你电脑上有环境,这个不懂的可以自定百度。控制台输入出现版本号说明安装成功。配置首先要创建一个账号并配置好这些不懂的可以自行百度。

博客地址: https://www.lisq.xyz/

1.本地安装hexo

首先保证你电脑上有node环境,这个不懂的可以自定百度。

控制台输入node -v出现版本号说明安装成功。

有了node就可以安装hexo了,控制台输入如下命令

npm i -g hexo

同样控制台输入hexo -v出现版本号说明安装成功。

然后开始初始化项目,控制台输入:

hexo init

得到如下项目目录:

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

首先在本地跑起来你的代码

控制台安装hexo-server

npm i hexo-server

然后运行 hexo-server

在浏览器中访问:http://localhost:4000
就可以看到你本定运行的页面了

这时你可以在本地调试一下你的blog。

3.github配置

首先要创建一个github账号

并配置好ssh

这些不懂的可以自行百度。

创建一个repo,名称为yourname.github.io, 其中yourname是你的github名称,按照这个规则创建github page才会生效。

修改_config.yml中的git配置

deploy:
  type: git
  repo:  https://github.com/xxxx.git
  branch: master
4.部署上传

在本地安装上传工具

npm install hexo-deployer-git --save

依次执行如下命令

hexo clean     //删除上次打包
hexo generate   //打包
hexo deploy    /上传

这里我多带带写了sh执行这三段脚本,这样每次只需要执行这个sh即可。

在浏览器中输入http://yourgithubname.github....!

一些其他配置 搜索功能

使用搜索功能首先需要:

npm install -S hexo-generator-json-content

然后:

search:
    insight: true
readme

1.首先在source文件夹下建立一个README.md

2.修改_config.yml

skip_render: README.md

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/99026.html

相关文章

  • 基础入门—网站建站教程(新手必备)

    摘要:自行建站服务器购买网站搭建网站维护全程自主,弹性灵活。网站部署常见网站类型有以下几种个人博客常用于搭建个人博客网站,尤其适用于首次使用阿里云进行建站的新用户。若您需要在阿里云服务器上部署站点环境安装应用程序,可点此查看网站基础环境搭建服务。相信很多新用户会有这样的疑惑,我要做个网站,到底要使用什么产品,如何能快速完成网站建站呢?搭建网站有两种选择,一种是直接购买建站模板,另一种则是自行建站。...

    booster 评论0 收藏0
  • 基础入门—网站建站教程(新手必备)

    摘要:自行建站服务器购买网站搭建网站维护全程自主,弹性灵活。网站部署常见网站类型有以下几种个人博客常用于搭建个人博客网站,尤其适用于首次使用阿里云进行建站的新用户。若您需要在阿里云服务器上部署站点环境安装应用程序,可点此查看网站基础环境搭建服务。前言相信很多新用户会有这样的疑惑,我要做个网站,到底要使用什么产品,如何能快速完成网站建站呢?搭建网站有两种选择,一种是直接购买建站模板,另一种则是自行建...

    wemall 评论0 收藏0

发表评论

0条评论

qujian

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<