1. 您当前位置:400电话资讯 >> >> 一小时搭建完我们的网站

一小时搭建完我们的网站

编辑:    2025-01-08    来源: 汇众网  关键字:

拥有我们的网站一直是我的一个目的。

在网上看了不少办法之后我最后选择了GitHub Pages + Hexo这条技术路线,缘由有两点:

完全免费,学生党没多少钱。比较便捷,有现成的框架可用。

整个搭建过程快的话半小时就能解决。

搭建完成后大概是如此子的:青羽的博客

1. 筹备环境

筹备一个GitHub账号:GitHub

新建一个Repositories,Repository name填 你的GitHub用户名.github.io

下载并安装NodeJS:Node.js

下载并安装Git for Windows:Git for Windows

2. 配置Git

鼠标右键打开Git Bash:

输入命令配置用户名和邮箱信息:

git config --global user.name "你的GitHub用户名"git config --global user.email "你的GitHub注册邮箱"

生成ssh密钥文件:

ssh-keygen -t rsa -C "你的GitHub注册邮箱"

默认不设置密码,直接回车就好。

用文本编辑器打开生成的id_rsa.pub文件,Crtl+A,Ctrl+C复制全部内容。

打开GitHub的SSH设置页面:SSH and GPG keys

New SSH key,Title任取,Key粘贴刚刚复制的字符串,Add SSH key

3. 配置Hexo

Hexo是一个博客框架。下面,开始安装Hexo。

选定一个文件夹作为存放博客文件的目录,在选定的文件夹内右键打开Git Bash,输入命令:

npm install hexo-cli -g

等待安装完成后,输入:

hexo init blog

这里的blog是用户自己取的一个站点目录名字。

初始化完成后进入站点目录并安装依靠:

cd blognpm install

到这一步,当地博客算是搭建好了,测试一下:

hexo s

s是server的缩写,表示启动当地服务器。默认状况下,访问网址是:http://localhost:4000/

假如成功的话可以看见官方的默认页面:

4. 部署网站

在站点目录下可以看到有如下文件:

其中_config.yml为站点配置文件,用文本编辑器打开,Crtl+F查找 url 字段,修改为:

url: https://你的GitHub用户名.github.io/

再翻到最后找到 deploy 字段,修改为:

deploy: type: git repo: https://github.com/你的GitHub用户名/你的GitHub用户名.github.io.git branch: master

上面的 repo 字段的值可以直接从GitHub仓库复制:

部署之前要先安装Git部署插件,输入命令(注意:之后的命令均在站点目录下实行):

npm install hexo-deployer-git --save

最后,输入命令:

hexo clean hexo g -d

g是generate的缩写,表示生成静态文件;d是deploy的缩写,表示部署到网站上。

打开浏览器,输入你的网站地址:https://你的GitHub用户名.github.io/,就能看到你的网站已经上线了,大功告成!

5. 发布文章

在命令行中输入:

hexo n "HelloWorld"

n是new的缩写,表示新建一篇文章。

就能看到在source/_posts目录下多了一个HelloWorld.md文件,这就是一篇文章的源文件了。写完之后生成、部署即可。

文章用Markdown写成,关于Markdown可参考:Markdown 课程 | 新手课程

要删除文章的话,直接把源文件删除即可(确保至少有一篇文章存在,不然可能出错)。

6. 做网站优化

1. 更换主题

Hexo有很多漂亮的主题,这里以我用的NexT主题为例解说如何更换主题:

下载主题:Releases · theme-next/hexo-theme-next解压所下载的压缩包至站点的 themes 目录下,并将解压后的文件夹名字(hexo-theme-next-x.x.x)更改为 next打开站点配置文件_config.yml,找到 theme 字段,并将它值更改为 next ;找到 language 字段,并将它值更改为 zh-CN(在themes/next/languages目录下可查询主题支持的语言)在切换主题之后, 大家最好用 hexo clean 命令来清除 Hexo 的缓存

在更换了主题之后界面美观了很多,终于可以舒舒服服地写文章啦~

但非常不好意思,假如你的文章里有LaTeX公式或者图片,你会发现显示不正常……

作为一名技术宅,文章里如何可能不需要公式不需要图片嘛,这两个坑需要解决了!

2. 插入LaTeX公式

更换支持LaTeX公式的Markdown渲染器:

npm uninstall hexo-renderer-markednpm install hexo-renderer-kramed --save

打开主题配置文件(themes/next/_config.yml),找到 math 字段,修改为:

math: enable: true per_page: false

至此,LaTeX公式插入问题解决!

3. 插入图片

第一打开站点配置文件_config.yml,找到 post_asset_folder 字段,并将它值更改为 true ,如此新建文章的同时Hexo会自动在同目录下新建一个以文章名命名的空文件夹以便捷存放该文章要用到的资源。

安装一个能上传当地图片的插件:

npm install https://github.com/CodeFalling/hexo-asset-image --save

假设在

+---HelloWorld| +-- 1.jpg| +-- 2.jpg| +-- 3.jpg+---HelloWorld.md

如此的目录结构(目录名和文章名一致)中,在文章源码里只须用形如 ![](HelloWorld/1.jpg) 如此的语句就能插入图片了~

4. 更多

关于Hexo框架的更多信息请参考:Hexo

关于NexT主题的更多信息请参考:NexT - Theme for Hexo

            在企业的正常运转里边,咨询是一个尤为重要的部分,假如企业想要从这一个部分使得自己在客户心目中的形象有一个最好的加分,那样就能处置400电话如此的一项事务,这项事务里边有着很多的设置,不只具备着比较强壮的功用,并且还可以为企业和客户之间的交流起到一个最好的话费分摊有哪些用途,可以更好地表现企业所具备的形象,在进行推广的过程中,更简略使得客户同意。
可是,很多企业在供给相应商品咨询服务的时候,都会遇见如此的一个问题,那便是有一部分顾客常常会拨打电话前来进行打扰,或者说是经过一些不理智的方法在电话里边进行相应的威胁,这会严重干扰到企业在这一个方面所供给的服务方面的水平,更要紧的便是,他关于客服职员自己的心理来讲,有着比较大的影响,或许会从言语上对客服导致比较大的伤害。所以说,这类企业都期望可以经过400电话里边所具备的相应功用,预防接到如此的一些电话,可以为以后所供给的服务降低很多的麻烦。
400电话如何设置黑名单呢?关于如此的一个问题,一些有经验的企业给出了相应的答案,期望可以经过自己比较具体的介绍,为那一些感觉生疏的人进行细心的讲解,使得他们也可以了解如何进行相应的设置,当然这类人也可以登录到处置这个事务的官方网站上进行相应的咨询,上面的员工也可以给出很好的答案。第一在进行这项功用设置的时候,处置这项事务的企业需要登录到我们的管理平台上面,上面会有这一个功用,那便是进行黑名单的设置,特别是在接听电话这一个方面,找到了那一些不好的号码,输入进来,就能起到一个最好的拒绝接听有哪些用途,非常重要的便是以后也不会再接进去这类电话,非常不错的预防了这方面所发生的打扰。
另外一个方面,400电话也可以覆盖到更广的地区,简略一点来讲,可以将某一个地区的所有号码,或者说是某一个段落的号码,加入到黑名单里边去,如此一来,是如此的一个地区或者说是是这一个段落的号码,都不会被接进去,可以更好的预防问题的发生。

全国400电话申请办理点:
北京
天津
上海
重庆
深圳
广州
东莞
佛山
大连
昆明
杭州
苏州
无锡
郑州
成都
宁波
石家庄
保定
哈尔滨
武汉
山东
青岛
济南
威海
潍坊
济宁
邢台
山西
西安
安徽
合肥
泉州
南京
甘肃
宁夏
400电话选号 | 400电话功能 | 400申请条件 | 400电话办理 | 关于我们 | 网站地图 | 城市分站
专业提供400电话办理、400电话申请、400电话选号、400电话代办、400电话代理、400电话收费标准、400电话资费咨询等400电话业务服务。

ICP备09036319号

公网安备1101102003836号