> 文档中心 > 基于Linux系统下安装Tomcat

基于Linux系统下安装Tomcat

Tomcat服务器是一个免费开放开源的轻量级Web应用服务器,可以实现项目的部署和管理。
本博客将实现Tomcat在Linux操作系统中的安装

1.检查系统中是否有java JDK:

1.1 Windows系统下查看

使用 Win + R键打开运行,输入:cmd
在这里插入图片描述
在命令行内输入:java -version
查看Windows系统是否自带了OpenJDK以及相关安装包,效果如下:基于Linux系统下安装Tomcat

1.2 Linux系统下查看

打开Centos7桌面版本,右键桌面选择:打开终端
在这里插入图片描述
在命令行内输入:java -version
查看Linux系统中是否自带了OpenJDK以及相关安装包,效果如下:
基于Linux系统下安装Tomcat

2. 下载Tomcat安装包

Tomcat官网:https://tomcat.apache.org/

打开官网后左侧Download栏下蓝框内有很多Tomcat的版本,本博客选择的是Tomcat 10既最新版本。
在这里插入图片描述
选择 Tomcat 10 后进入如下页面:
在这里插入图片描述
选择 “ tar.gz ”压缩包进行下载 (蓝箭头)
注:tar.gz压缩格式用于unix的操作系统;zip压缩格式用于windows的操作系统

3. 解压Tomcat安装包

3.1 将Tomcat压缩包上传至Centos7

打开命令行:cmd
上传命令格式:scp 压缩包路径 root@ip地址:/上传路径
运行上传命令后需要输入root用户的密码进行上传,上传成功后如下图所示
基于Linux系统下安装Tomcat
注:在Centos7终端中查看ip地址:ifconfig
在这里插入图片描述

3.2 解压Tomcat压缩包

打开终端后进入上传的目录
输入解压命令:tar -zxvf apache-tomcat-x.x.xx.tar.gz
在这里插入图片描述
解压后将Tomcat移动到/usr/local目录下:

mv apache-tomcat.x.x.xx/ /usr/local/

4. Tomcat映射

切换文件路径为/usr/local/,将文件夹映射至Tomcat:

cd /usr/local/ln -sv apache-tomcat-x.x.xx tomcat #将文件夹映射至tomcat

查看文件夹是否映射成功:ls -l
如下图所示则映射成功:
在这里插入图片描述

5. 配置Tomcat.sh

配置 vi ,输入/etc/profile.d/tomcat.sh 命令,选择 i 键进入编辑模式,写入如下代码:

CATALINA_BASE=/usr/local/tomcatPATH=$CATALINA_BASE/bin:$PATHexport PATH CATALINA_BASE

然后选择 Esc 键,输入“ :wq ”保存退出
在这里插入图片描述
运行下面的命令,使配置生效:

source /etc/profile.d/tomcat.sh

查看 Tomcat 版本状态:catalina.sh version
效果如下图所示
在这里插入图片描述

6. 创建 index.jsp 测试页面并启动Tomcat

/usr/local/tomcat/webapps/ 下新建 test 文件,创建 index.jsp 测试页面。

touch /usr/local/tomcat/webapps/test/index.jsp

在 index.jsp 中编写如下代码:

vi /usr/local/tomcat/webapps/test/index.jsp

编写内容:

     QYQ<<span class="token operator">/</span>title>  <<span class="token operator">/</span>head>     <<span class="token operator">%</span>    out<span class="token punctuation">.</span>println<span class="token punctuation">(</span><span class="token string">"Hello,World and my friend!"</span><span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token operator">/</span><span class="token operator">/</span> 在网页输出的语句   <span class="token operator">%</span>>  <<span class="token operator">/</span>body><<span class="token operator">/</span>html></code></pre>
<p>效果如下图所示:<br /> <img src="https://img-blog.csdnimg.cn/8b5126a4118746c2b5b2d5529986e915.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5ZCD5rOh6Z2iLg==,size_20,color_FFFFFF,t_70,g_se,x_16" alt="在这里插入图片描述" /><br /> 启动Tomcat服务:<code>catalina.sh start</code><br /> 效果如下图所示:<br /> <img src="https://img-blog.csdnimg.cn/3734e10d3b144f19805baf5fe9ca6bfc.png" alt="基于Linux系统下安装Tomcat" alt="在这里插入图片描述" /></p>
<h3>7. 安装验证</h3>
<p>打开浏览器验证:<code>http://localhost:8080</code><br /> <img src="https://img-blog.csdnimg.cn/2a731470b3c049418e12d645e129276d.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5ZCD5rOh6Z2iLg==,size_20,color_FFFFFF,t_70,g_se,x_16" alt="在这里插入图片描述" /><br /> 查看index.jsp 测试网页:<code>http://localhost:8080/test/index.jsp</code><br /> <img src="https://img-blog.csdnimg.cn/9b3ec806de5c4ba6a89cc06bcebebec5.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5ZCD5rOh6Z2iLg==,size_20,color_FFFFFF,t_70,g_se,x_16" alt="在这里插入图片描述" /><br /> 如图所示,至此便实现Tomcat在Linux操作系统中的安装。</p>
<h3>8. 可能碰到Tomcat开启成功但网页无法打开的问题</h3>
<p><img src="https://img-blog.csdnimg.cn/c8e9ea1d686e4dddb2e19b23d9031b31.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5ZCD5rOh6Z2iLg==,size_20,color_FFFFFF,t_70,g_se,x_16" alt="在这里插入图片描述" /><br /> 大概率是<strong>防火墙没有关闭</strong>的原因,俺就是这种原因<br /> 解决方法:</p>
<pre><code class="prism language-powershell">systemctl status firewalld<span class="token punctuation">.</span>service <span class="token operator">/</span><span class="token operator">/</span>查看防火墙状态systemctl stop firewalld<span class="token punctuation">.</span>service   <span class="token operator">/</span><span class="token operator">/</span>关闭防火墙</code></pre>
<p>本博客到此就完成了项目<strong>Tomcat容器数据采集</strong>的第一部分<strong>Tomcat安装</strong>,有帮助到你的话就<strong>点赞</strong>支持一下吧,后续将会更新剩余的两部分,分别是<strong>Tomcat日志配置远程rsyslog采集</strong>和<strong>Linux下Tomcat日志数据采集</strong>,我是不吃泡面,不只会写BUG。<br /> <img src="https://img-blog.csdnimg.cn/e99587f476114ee6b5723c412259c270.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5ZCD5rOh6Z2iLg==,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center" alt="在这里插入图片描述" /></p>
</div>
				
				               	<div class="clear"></div>
                			

				                <div class="article_tags">
                	<div class="tagcloud">
                    	网络标签:<a href="https://www.csdndoc.com/tag/%e5%9c%a8%e8%bf%99%e9%87%8c" rel="tag">在这里</a> <a href="https://www.csdndoc.com/tag/%e6%89%80%e7%a4%ba" rel="tag">所示</a> <a href="https://www.csdndoc.com/tag/%e6%8f%92%e5%85%a5%e5%9b%be%e7%89%87" rel="tag">插入图片</a>                    </div>
                </div>
				
             </div>
		</div>
    

			
    
		<div>
		<ul class="post-navigation row">
			<div class="post-previous twofifth">
				上一篇 <br> <a href="https://www.csdndoc.com/doc/1727.html" rel="prev">Scala的基础语法(超详细版)</a>            </div>
            <div class="post-next twofifth">
				下一篇 <br> <a href="https://www.csdndoc.com/doc/1729.html" rel="next">本科课程【数据结构与算法】实验3——二叉树的先序、中序、后序遍历操作</a>            </div>
        </ul>
	</div>
	     
	<div class="article_container row  box article_related">
    	<div class="related">
		<div class="newrelated">
    <h2>相关问题</h2>
    <ul>
                        <li><a href="https://www.csdndoc.com/wzlb/22304.html">怎么强制退出程序</a></li>
                            <li><a href="https://www.csdndoc.com/doc/2854.html">MySQL数据库的约束+进阶版新增与查询</a></li>
                            <li><a href="https://www.csdndoc.com/wzlb/22332.html">手机怎么关闭后台程序</a></li>
                            <li><a href="https://www.csdndoc.com/wzlb/22148.html">小程序怎么发朋友圈</a></li>
                            <li><a href="https://www.csdndoc.com/doc/5629.html">【Java】对象的序列化与反序列化</a></li>
                            <li><a href="https://www.csdndoc.com/doc/7111.html">好耶,是柔性数组</a></li>
                            <li><a href="https://www.csdndoc.com/doc/13979.html">shell脚本三剑客之AWK</a></li>
                            <li><a href="https://www.csdndoc.com/doc/1911.html">MySQL面试题</a></li>
                            <li><a href="https://www.csdndoc.com/doc/17390.html">【C语言】通讯录《动态内存版本》</a></li>
                            <li><a href="https://www.csdndoc.com/doc/15119.html">OpenHarmony(3) —— SMP调度理解</a></li>
                </ul>
</div>
       	</div>
	</div>
         	<div class="clear"></div>
	<div id="comments_box">

    </div>
	</div>
		<div id="sidebar">
		<div id="sidebar-follow">
		         
<div class="search box row">
<div class="search_site">
<form id="searchform" method="get" action="https://www.csdndoc.com/index.php">
		<button type="submit" value="" id="searchsubmit" class="button"><i class="fasearch">☚</i></button>
		<label><input type="text" class="search-s" name="s" x-webkit-speech="" placeholder="请输入搜索内容"></label>
</form></div></div>
<div class="widget_text widget box row widget_custom_html"><h3>公告</h3><div class="textwidget custom-html-widget"><style>
  .custom-html-widget p {
    font-family: 'Arial', sans-serif;
    font-size: 26px;
    line-height: 1.5;
    text-align: justify;
    margin-bottom: 20px;
    color: black;
  }
</style>
<p>水利万物而不争,</p>
<p>而万物莫能与之争。</p></div></div>


<div class="widget box row widget_tag_cloud"><h3>标签</h3><div class="tagcloud"><a href="https://www.csdndoc.com/tag/%e4%bb%a3%e7%a0%81" class="tag-cloud-link tag-link-19 tag-link-position-1" style="font-size: 13.965217391304pt;" aria-label="代码 (786个项目)">代码</a>
<a href="https://www.csdndoc.com/tag/%e5%85%83%e7%b4%a0" class="tag-cloud-link tag-link-500 tag-link-position-2" style="font-size: 12.747826086957pt;" aria-label="元素 (629个项目)">元素</a>
<a href="https://www.csdndoc.com/tag/%e5%87%bd%e6%95%b0" class="tag-cloud-link tag-link-111 tag-link-position-3" style="font-size: 15.791304347826pt;" aria-label="函数 (1,123个项目)">函数</a>
<a href="https://www.csdndoc.com/tag/%e5%8a%9f%e8%83%bd" class="tag-cloud-link tag-link-294 tag-link-position-4" style="font-size: 9.9478260869565pt;" aria-label="功能 (370个项目)">功能</a>
<a href="https://www.csdndoc.com/tag/%e5%8f%82%e6%95%b0" class="tag-cloud-link tag-link-680 tag-link-position-5" style="font-size: 9.4608695652174pt;" aria-label="参数 (335个项目)">参数</a>
<a href="https://www.csdndoc.com/tag/%e5%8f%98%e9%87%8f" class="tag-cloud-link tag-link-81 tag-link-position-6" style="font-size: 11.165217391304pt;" aria-label="变量 (470个项目)">变量</a>
<a href="https://www.csdndoc.com/tag/%e5%91%bd%e4%bb%a4" class="tag-cloud-link tag-link-570 tag-link-position-7" style="font-size: 9.4608695652174pt;" aria-label="命令 (336个项目)">命令</a>
<a href="https://www.csdndoc.com/tag/%e5%9c%a8%e8%bf%99%e9%87%8c" class="tag-cloud-link tag-link-33 tag-link-position-8" style="font-size: 21.147826086957pt;" aria-label="在这里 (3,056个项目)">在这里</a>
<a href="https://www.csdndoc.com/tag/%e5%ad%97%e7%ac%a6%e4%b8%b2" class="tag-cloud-link tag-link-556 tag-link-position-9" style="font-size: 10.678260869565pt;" aria-label="字符串 (428个项目)">字符串</a>
<a href="https://www.csdndoc.com/tag/%e5%ae%b9%e5%99%a8" class="tag-cloud-link tag-link-332 tag-link-position-10" style="font-size: 9.4608695652174pt;" aria-label="容器 (338个项目)">容器</a>
<a href="https://www.csdndoc.com/tag/%e5%af%b9%e8%b1%a1" class="tag-cloud-link tag-link-175 tag-link-position-11" style="font-size: 14.208695652174pt;" aria-label="对象 (830个项目)">对象</a>
<a href="https://www.csdndoc.com/tag/%e5%b1%9e%e6%80%a7" class="tag-cloud-link tag-link-468 tag-link-position-12" style="font-size: 9.5826086956522pt;" aria-label="属性 (344个项目)">属性</a>
<a href="https://www.csdndoc.com/tag/%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f" class="tag-cloud-link tag-link-39 tag-link-position-13" style="font-size: 10.434782608696pt;" aria-label="应用程序 (407个项目)">应用程序</a>
<a href="https://www.csdndoc.com/tag/%e6%89%8b%e6%9c%ba" class="tag-cloud-link tag-link-28 tag-link-position-14" style="font-size: 9.9478260869565pt;" aria-label="手机 (374个项目)">手机</a>
<a href="https://www.csdndoc.com/tag/%e6%8c%87%e9%92%88" class="tag-cloud-link tag-link-849 tag-link-position-15" style="font-size: 8.1217391304348pt;" aria-label="指针 (262个项目)">指针</a>
<a href="https://www.csdndoc.com/tag/%e6%8e%a5%e5%8f%a3" class="tag-cloud-link tag-link-110 tag-link-position-16" style="font-size: 10.313043478261pt;" aria-label="接口 (399个项目)">接口</a>
<a href="https://www.csdndoc.com/tag/%e6%8f%92%e5%85%a5%e5%9b%be%e7%89%87" class="tag-cloud-link tag-link-336 tag-link-position-17" style="font-size: 16.765217391304pt;" aria-label="插入图片 (1,344个项目)">插入图片</a>
<a href="https://www.csdndoc.com/tag/%e6%93%8d%e4%bd%9c" class="tag-cloud-link tag-link-179 tag-link-position-18" style="font-size: 9.8260869565217pt;" aria-label="操作 (365个项目)">操作</a>
<a href="https://www.csdndoc.com/tag/%e6%95%b0%e6%8d%ae" class="tag-cloud-link tag-link-97 tag-link-position-19" style="font-size: 17.860869565217pt;" aria-label="数据 (1,654个项目)">数据</a>
<a href="https://www.csdndoc.com/tag/%e6%95%b0%e6%8d%ae%e5%ba%93" class="tag-cloud-link tag-link-92 tag-link-position-20" style="font-size: 9.4608695652174pt;" aria-label="数据库 (336个项目)">数据库</a>
<a href="https://www.csdndoc.com/tag/%e6%95%b0%e7%bb%84" class="tag-cloud-link tag-link-671 tag-link-position-21" style="font-size: 13.113043478261pt;" aria-label="数组 (669个项目)">数组</a>
<a href="https://www.csdndoc.com/tag/%e6%96%87%e4%bb%b6" class="tag-cloud-link tag-link-109 tag-link-position-22" style="font-size: 15.791304347826pt;" aria-label="文件 (1,118个项目)">文件</a>
<a href="https://www.csdndoc.com/tag/%e6%96%b9%e6%b3%95" class="tag-cloud-link tag-link-112 tag-link-position-23" style="font-size: 15.304347826087pt;" aria-label="方法 (1,030个项目)">方法</a>
<a href="https://www.csdndoc.com/tag/%e6%97%b6%e9%97%b4" class="tag-cloud-link tag-link-21 tag-link-position-24" style="font-size: 8.3652173913043pt;" aria-label="时间 (275个项目)">时间</a>
<a href="https://www.csdndoc.com/tag/%e6%a8%a1%e5%9e%8b" class="tag-cloud-link tag-link-49 tag-link-position-25" style="font-size: 8.1217391304348pt;" aria-label="模型 (262个项目)">模型</a>
<a href="https://www.csdndoc.com/tag/%e7%89%88%e6%9c%ac" class="tag-cloud-link tag-link-15 tag-link-position-26" style="font-size: 9.095652173913pt;" aria-label="版本 (315个项目)">版本</a>
<a href="https://www.csdndoc.com/tag/%e7%94%a8%e6%88%b7" class="tag-cloud-link tag-link-100 tag-link-position-27" style="font-size: 15.182608695652pt;" aria-label="用户 (1,002个项目)">用户</a>
<a href="https://www.csdndoc.com/tag/%e7%94%b5%e8%84%91" class="tag-cloud-link tag-link-564 tag-link-position-28" style="font-size: 9.704347826087pt;" aria-label="电脑 (351个项目)">电脑</a>
<a href="https://www.csdndoc.com/tag/%e7%9a%84%e6%98%af" class="tag-cloud-link tag-link-41 tag-link-position-29" style="font-size: 8.2434782608696pt;" aria-label="的是 (271个项目)">的是</a>
<a href="https://www.csdndoc.com/tag/%e7%a8%8b%e5%ba%8f" class="tag-cloud-link tag-link-102 tag-link-position-30" style="font-size: 22pt;" aria-label="程序 (3,671个项目)">程序</a>
<a href="https://www.csdndoc.com/tag/%e7%a8%8b%e5%ba%8f%e5%91%98" class="tag-cloud-link tag-link-58 tag-link-position-31" style="font-size: 11.165217391304pt;" aria-label="程序员 (471个项目)">程序员</a>
<a href="https://www.csdndoc.com/tag/%e7%ae%97%e6%b3%95" class="tag-cloud-link tag-link-225 tag-link-position-32" style="font-size: 8.4869565217391pt;" aria-label="算法 (284个项目)">算法</a>
<a href="https://www.csdndoc.com/tag/%e7%b1%bb%e5%9e%8b" class="tag-cloud-link tag-link-273 tag-link-position-33" style="font-size: 8.8521739130435pt;" aria-label="类型 (299个项目)">类型</a>
<a href="https://www.csdndoc.com/tag/%e7%b3%bb%e7%bb%9f" class="tag-cloud-link tag-link-138 tag-link-position-34" style="font-size: 10.55652173913pt;" aria-label="系统 (417个项目)">系统</a>
<a href="https://www.csdndoc.com/tag/%e7%ba%bf%e7%a8%8b" class="tag-cloud-link tag-link-463 tag-link-position-35" style="font-size: 11.895652173913pt;" aria-label="线程 (532个项目)">线程</a>
<a href="https://www.csdndoc.com/tag/%e7%bb%84%e4%bb%b6" class="tag-cloud-link tag-link-523 tag-link-position-36" style="font-size: 10.8pt;" aria-label="组件 (438个项目)">组件</a>
<a href="https://www.csdndoc.com/tag/%e8%87%aa%e5%b7%b1%e7%9a%84" class="tag-cloud-link tag-link-5 tag-link-position-37" style="font-size: 14.695652173913pt;" aria-label="自己的 (911个项目)">自己的</a>
<a href="https://www.csdndoc.com/tag/%e8%8a%82%e7%82%b9" class="tag-cloud-link tag-link-676 tag-link-position-38" style="font-size: 12.382608695652pt;" aria-label="节点 (583个项目)">节点</a>
<a href="https://www.csdndoc.com/tag/%e8%ae%be%e5%a4%87" class="tag-cloud-link tag-link-25 tag-link-position-39" style="font-size: 8.1217391304348pt;" aria-label="设备 (261个项目)">设备</a>
<a href="https://www.csdndoc.com/tag/%e8%af%ad%e8%a8%80" class="tag-cloud-link tag-link-36 tag-link-position-40" style="font-size: 9.704347826087pt;" aria-label="语言 (353个项目)">语言</a>
<a href="https://www.csdndoc.com/tag/%e8%bd%af%e4%bb%b6" class="tag-cloud-link tag-link-155 tag-link-position-41" style="font-size: 10.434782608696pt;" aria-label="软件 (402个项目)">软件</a>
<a href="https://www.csdndoc.com/tag/%e9%98%9f%e5%88%97" class="tag-cloud-link tag-link-678 tag-link-position-42" style="font-size: 8pt;" aria-label="队列 (254个项目)">队列</a>
<a href="https://www.csdndoc.com/tag/%e9%a1%b5%e9%9d%a2" class="tag-cloud-link tag-link-279 tag-link-position-43" style="font-size: 9.5826086956522pt;" aria-label="页面 (348个项目)">页面</a>
<a href="https://www.csdndoc.com/tag/%e9%a1%b9%e7%9b%ae" class="tag-cloud-link tag-link-82 tag-link-position-44" style="font-size: 10.191304347826pt;" aria-label="项目 (386个项目)">项目</a>
<a href="https://www.csdndoc.com/tag/%e9%b8%bf%e8%92%99" class="tag-cloud-link tag-link-136 tag-link-position-45" style="font-size: 8pt;" aria-label="鸿蒙 (257个项目)">鸿蒙</a></div>
</div>        <div class="widget box row">
            <div id="tab-title">
                <div class="tab">
                    <ul id="tabnav">
                        <li  class="selected">猜你想看的文章</li>
                    </ul>
                </div>
                <div class="clear"></div>
            </div>
            <div id="tab-content">
                <ul>
                                                <li><a href="https://www.csdndoc.com/wzlb/25264.html">云台控制程序</a></li>
                                                    <li><a href="https://www.csdndoc.com/doc/6595.html">2022年4月8日记:Linux服务器开发,Mark,skynet网络层封装以及lua/c接口编程</a></li>
                                                    <li><a href="https://www.csdndoc.com/doc/8998.html">304. 二维区域和检索 - 矩阵不可变</a></li>
                                                    <li><a href="https://www.csdndoc.com/cj/19461.html">猴子过年几号</a></li>
                                                    <li><a href="https://www.csdndoc.com/wzlb/23839.html">上海程序员工资多少</a></li>
                                                    <li><a href="https://www.csdndoc.com/doc/18145.html">Rock pi E 初始化 + 安装 tensorflow</a></li>
                                                    <li><a href="https://www.csdndoc.com/wzlb/22702.html">如何关闭手机后台程序</a></li>
                                                    <li><a href="https://www.csdndoc.com/doc/14336.html">OpenHarmony解读之设备认证:数据接收管理-获取HiChain实例(3)</a></li>
                                                    <li><a href="https://www.csdndoc.com/doc/18885.html">DevEco鸿蒙应用开发-第一个App</a></li>
                                                    <li><a href="https://www.csdndoc.com/wzlb/25194.html">小程序开发需要钱吗</a></li>
                                        </ul>
            </div>
        </div>
        									</div>
	</div>
</div>
</div>
<div class="clear"></div>
<div id="footer">
<div class="container">
	<div class="twothird">
      </div>

</div>
<div class="container">
	<div class="twothird">
	  <div class="copyright">
	  <p> Copyright © 2012 - 2024		<a href="https://www.csdndoc.com/"><strong>程序员档案馆</strong></a> Powered by <a href="/lists">网站分类目录</a> | <a href="/top100.php" target="_blank">精选推荐文章</a> | <a href="/sitemap.xml" target="_blank">网站地图</a>

				<a href="https://beian.miit.gov.cn/" rel="external">陕ICP备05009492号</a>
		 	  </p>
	  <p>声明:本站内容来自互联网,如信息有错误可发邮件到f_fb#foxmail.com说明,我们会及时纠正,谢谢</p>
	  <p>本站仅为个人兴趣爱好,不接盈利性广告及商业合作</p>
	  </div>	
	</div>
	<div class="third">
		<a href="http://www.xiaoboy.cn" target="_blank">小男孩</a>			
	</div>
</div>
</div>
<!--gototop-->
<div id="tbox">
    <a id="home" href="https://www.csdndoc.com" title="返回首页"><i class="fa fa-gohome"></i></a>
      <a id="pinglun" href="#comments_box" title="前往评论"><i class="fa fa-commenting"></i></a>
   
  <a id="gotop" href="javascript:void(0)" title="返回顶部"><i class="fa fa-chevron-up"></i></a>
</div>
<script src="//css.5d.ink/body5.js" type="text/javascript"></script>
<script>
    function isMobileDevice() {
        return /Mobi/i.test(navigator.userAgent) || /Android/i.test(navigator.userAgent) || /iPhone|iPad|iPod/i.test(navigator.userAgent) || /Windows Phone/i.test(navigator.userAgent);
    }
    // 加载对应的 JavaScript 文件
    if (isMobileDevice()) {
        var script = document.createElement('script');
        script.src = '//css.5d.ink/js/menu.js';
        script.type = 'text/javascript';
        document.getElementsByTagName('head')[0].appendChild(script);
    }
</script>
<script>
$(document).ready(function() { 
 $("#sidebar-follow").pin({
      containerSelector: ".main-container",
	  padding: {top:64},
	  minWidth: 768
	}); 
 $(".mainmenu").pin({
	 containerSelector: ".container",
	  padding: {top:0}
	});
 $(".swipebox").swipebox();	
});
</script>

 </body></html>