<!DOCTYPE html>
<html lang="en">
	<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <title>首页</title>
    <link rel="stylesheet" href="/css/semantic.min.css">
    <link rel="stylesheet" type="text/css" href="/css/typo.css" />
    <link rel="stylesheet" type="text/css" href="/css/animate.css" />
    <link rel="stylesheet" type="text/css" href="/plugins/prism/prism.css" />
    <link rel="stylesheet" type="text/css" href="/plugins/prism/prism-toolbar.css" />
    <link rel="stylesheet" type="text/css" href="/plugins/tocbot/tocbot.css" />
    <link rel="stylesheet" type="text/css" href="/css/manster.css" />
    <link rel="stylesheet" type="text/css" href="/plugins/jqcloud/jqcloud.min.css" />
    <link rel="shortcut icon" href="/favicon.ico"/>
    <link rel="stylesheet" href="/css/custom-fonts.css" />

    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-1QPG6P3RRW"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-1QPG6P3RRW');
    </script>

    <!-- Google AdSense -->
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1034620181802822"
         crossorigin="anonymous"></script>

</head>
	<body id="particles">
		<!-- 导航 -->
		<nav class="ui inverted attached segment m-padded-tb-mini">
        <div class="ui container">
            <div class="ui inverted secondary stackable menu">
                <h2 class="ui teal header item">HHHM-BLOG</h2>
                <a href="/zh-CN" class="m-item item m-mobile-hide active"><i class="small home icon"></i><span>首页</span></a>
                <a href="/zh-CN/types/-1" class="m-item item m-mobile-hide"><i class="small idea icon"></i><span>分类</span></a>
                <a href="/zh-CN/archives" class="m-item item m-mobile-hide"><i class="small clone icon"></i><span>归档</span></a>
                <a href="/zh-CN/about" class="m-item item m-mobile-hide"><i class="small info icon"></i><span>关于我</span></a>
                <!-- 语言切换 -->
                <div class="right m-item item m-mobile-hide"><div class="ui dropdown item">
    <span>语言</span>
    <i class="dropdown icon"></i>
    <div class="menu">
        <a href="/switchLanguage?lang=zh-CN" 
           class="item active selected">
            <i></i>简体中文
        </a>
        <a href="/switchLanguage?lang=zh-TW" 
           class="item">
            <i></i>繁體中文
        </a>
        <a href="/switchLanguage?lang=en-US" 
           class="item">
            <i></i>English
        </a>
        <a href="/switchLanguage?lang=fr-FR" 
           class="item">
            <i></i>Français
        </a>
        <a href="/switchLanguage?lang=es-ES" 
           class="item">
            <i></i>Español
        </a>
        <a href="/switchLanguage?lang=de-DE" 
           class="item">
            <i></i>Deutsch
        </a>
        <a href="/switchLanguage?lang=pt-BR" 
           class="item">
            <i></i>Português
        </a>
        <a href="/switchLanguage?lang=ar-SA" 
           class="item">
            <i></i>العربية
        </a>
        <a href="/switchLanguage?lang=ja-JP" 
           class="item">
            <i></i>日本語
        </a>
        <a href="/switchLanguage?lang=ko-KR" 
           class="item">
            <i></i>한국어
        </a>
        <a href="/switchLanguage?lang=vi-VN" 
           class="item">
            <i></i>Tiếng Việt
        </a>
        <a href="/switchLanguage?lang=ms-MY" 
           class="item">
            <i></i>Bahasa Melayu
        </a>
        <a href="/switchLanguage?lang=th-TH" 
           class="item">
            <i></i>ไทย
        </a>
        <a href="/switchLanguage?lang=ru-RU" 
           class="item">
            <i></i>Русский
        </a>
    </div>
</div></div>
<!--                <div class="right m-item item m-mobile-hide">-->
<!--                    <form name="search" action="#" th:action="@{/search}" target="_blank" method="post">-->
<!--                        <div class="ui icon inverted transparent input">-->
<!--                            <input type="text" name="query"  placeholder="搜索..." th:value="${query}">-->
<!--                            <i class="search link icon" onclick="document.forms['search'].submit()"></i>-->
<!--                        </div>-->
<!--                    </form>-->
<!--                </div>-->
            </div>
        </div>
        <a href="#" class="ui menu toggle black icon button m-right-top m-mobile-show">
            <i class="sidebar icon"></i>
        </a>
    </nav>
		
		<!-- 中间内容 -->
		<div class="m-container m-padded-tb m-opacity">
			<div class="ui container">
				<div class="ui stackable grid">
					<!-- 左边文章列 -->
					<div class="eleven wide column">
						<!-- 头部 -->
						<div class="ui top attached segment">
							<div class="ui middle aligned two column grid">
								<div class="column">
									<h3 class="ui violet header">博客</h3>
								</div>
								<div class="right aligned column">
									<span>共</span> <h3 class="ui purple header m-inline-block">16</h3> <span>篇</span>
								</div>
							</div>
						</div>
						<!-- 文章content -->
						<div class="ui attached segment">
							<div class="ui padded vertical segment m-padded-tb m-mobile-lr-clear">
								<div class="ui middle aligned mobile reversed stackable grid">
									<!-- 文章内容 -->
									<div class="eleven wide column">
										<h3 class="ui header">
											<a class="ui teal ribbon label">Chicken,Duck,Goose</a>
											<a href="/zh-CN/blog/50" target="_blank" class="m-black">How much money can you make by raising 100 beef cattle a year?</a>
										</h3>
										<p class="m-text">--......</p>
										<div class="ui grid">
											<div class="eleven wide column">
												<div class="ui small horizontal link list">
													<div class="item">
														<img src="https://picsum.photos/id/0/100/100" alt="" class="ui avatar image">
														<div class="content"><div class="header m-text-thin">admin</div></div>
													</div>
													<div class="item">
														<i class="calendar icon"></i> <span>2026-07-03</span>
													</div>
													<div class="item">
														<i class="eye icon"></i> <span>0</span>
													</div>
												</div>
											</div>
											<div class="five wide column">
												<a href="/zh-CN/blog/50" class="ui tiny blue inverted button"><span>阅读全文</span> <i class="ui hand point left icon"></i></a>
											</div>
										</div>
									</div>
									<!-- 文章图片 -->
									<div class="five wide column">
										<a href="/zh-CN/blog/50" target="_blank">
											<img src="--" alt="" class="ui rounded image" >
										</a>
									</div>
								</div>
							</div>
							<div class="ui padded vertical segment m-padded-tb m-mobile-lr-clear">
								<div class="ui middle aligned mobile reversed stackable grid">
									<!-- 文章内容 -->
									<div class="eleven wide column">
										<h3 class="ui header">
											<a class="ui teal ribbon label">Chicken,Duck,Goose</a>
											<a href="/zh-CN/blog/48" target="_blank" class="m-black">Cattle Farming Technology and Feeding Methods</a>
										</h3>
										<p class="m-text">--......</p>
										<div class="ui grid">
											<div class="eleven wide column">
												<div class="ui small horizontal link list">
													<div class="item">
														<img src="https://picsum.photos/id/0/100/100" alt="" class="ui avatar image">
														<div class="content"><div class="header m-text-thin">admin</div></div>
													</div>
													<div class="item">
														<i class="calendar icon"></i> <span>2026-06-27</span>
													</div>
													<div class="item">
														<i class="eye icon"></i> <span>0</span>
													</div>
												</div>
											</div>
											<div class="five wide column">
												<a href="/zh-CN/blog/48" class="ui tiny blue inverted button"><span>阅读全文</span> <i class="ui hand point left icon"></i></a>
											</div>
										</div>
									</div>
									<!-- 文章图片 -->
									<div class="five wide column">
										<a href="/zh-CN/blog/48" target="_blank">
											<img src="--" alt="" class="ui rounded image" >
										</a>
									</div>
								</div>
							</div>
							<div class="ui padded vertical segment m-padded-tb m-mobile-lr-clear">
								<div class="ui middle aligned mobile reversed stackable grid">
									<!-- 文章内容 -->
									<div class="eleven wide column">
										<h3 class="ui header">
											<a class="ui teal ribbon label">Chicken,Duck,Goose</a>
											<a href="/zh-CN/blog/47" target="_blank" class="m-black">If your dog shows these 6 gentle behaviors, it means it is bringing you &quot;good fortune&quot;, and your days are bound to get smoother!</a>
										</h3>
										<p class="m-text">--......</p>
										<div class="ui grid">
											<div class="eleven wide column">
												<div class="ui small horizontal link list">
													<div class="item">
														<img src="https://picsum.photos/id/0/100/100" alt="" class="ui avatar image">
														<div class="content"><div class="header m-text-thin">admin</div></div>
													</div>
													<div class="item">
														<i class="calendar icon"></i> <span>2026-06-27</span>
													</div>
													<div class="item">
														<i class="eye icon"></i> <span>0</span>
													</div>
												</div>
											</div>
											<div class="five wide column">
												<a href="/zh-CN/blog/47" class="ui tiny blue inverted button"><span>阅读全文</span> <i class="ui hand point left icon"></i></a>
											</div>
										</div>
									</div>
									<!-- 文章图片 -->
									<div class="five wide column">
										<a href="/zh-CN/blog/47" target="_blank">
											<img src="--" alt="" class="ui rounded image" >
										</a>
									</div>
								</div>
							</div>
							<div class="ui padded vertical segment m-padded-tb m-mobile-lr-clear">
								<div class="ui middle aligned mobile reversed stackable grid">
									<!-- 文章内容 -->
									<div class="eleven wide column">
										<h3 class="ui header">
											<a class="ui teal ribbon label">Chicken,Duck,Goose</a>
											<a href="/zh-CN/blog/46" target="_blank" class="m-black">The Simplest Way to Raise a Cat: Easily Start a Scientific Pet-Care Life</a>
										</h3>
										<p class="m-text">--......</p>
										<div class="ui grid">
											<div class="eleven wide column">
												<div class="ui small horizontal link list">
													<div class="item">
														<img src="https://picsum.photos/id/0/100/100" alt="" class="ui avatar image">
														<div class="content"><div class="header m-text-thin">admin</div></div>
													</div>
													<div class="item">
														<i class="calendar icon"></i> <span>2026-06-27</span>
													</div>
													<div class="item">
														<i class="eye icon"></i> <span>0</span>
													</div>
												</div>
											</div>
											<div class="five wide column">
												<a href="/zh-CN/blog/46" class="ui tiny blue inverted button"><span>阅读全文</span> <i class="ui hand point left icon"></i></a>
											</div>
										</div>
									</div>
									<!-- 文章图片 -->
									<div class="five wide column">
										<a href="/zh-CN/blog/46" target="_blank">
											<img src="--" alt="" class="ui rounded image" >
										</a>
									</div>
								</div>
							</div>
							<div class="ui padded vertical segment m-padded-tb m-mobile-lr-clear">
								<div class="ui middle aligned mobile reversed stackable grid">
									<!-- 文章内容 -->
									<div class="eleven wide column">
										<h3 class="ui header">
											<a class="ui teal ribbon label">Chicken,Duck,Goose</a>
											<a href="/zh-CN/blog/45" target="_blank" class="m-black">If You Want a Cat, Choose a Silver Shaded – Easy to Raise and Utterly Delightful!</a>
										</h3>
										<p class="m-text">--......</p>
										<div class="ui grid">
											<div class="eleven wide column">
												<div class="ui small horizontal link list">
													<div class="item">
														<img src="https://picsum.photos/id/0/100/100" alt="" class="ui avatar image">
														<div class="content"><div class="header m-text-thin">admin</div></div>
													</div>
													<div class="item">
														<i class="calendar icon"></i> <span>2026-06-27</span>
													</div>
													<div class="item">
														<i class="eye icon"></i> <span>0</span>
													</div>
												</div>
											</div>
											<div class="five wide column">
												<a href="/zh-CN/blog/45" class="ui tiny blue inverted button"><span>阅读全文</span> <i class="ui hand point left icon"></i></a>
											</div>
										</div>
									</div>
									<!-- 文章图片 -->
									<div class="five wide column">
										<a href="/zh-CN/blog/45" target="_blank">
											<img src="--" alt="" class="ui rounded image" >
										</a>
									</div>
								</div>
							</div>
							
						</div>

						<!-- 底部 -->
						<div class="ui bottom attached segment">
							<div class="ui middle aligned three column grid">
								<div class="left aligned column">
									
								</div>
								<div class="center aligned column">
									<span>共</span><a>1</a><span>篇</span><a>4</a><span>篇</span>
								</div>
								<div class="right aligned column">
									<a href="/zh-CN?current=2" class="ui inverted blue right labeled icon button"><i class="right arrow icon"></i><span>下一页</span></a>
								</div>
							</div>
						</div>

					</div>
					
					<!-- 右边列表 -->
					<div class="five wide column">
						
						<!-- 分类 -->
						<div class="ui segments">
														
							<!-- 头部 -->
							<div class="ui secondary segment">
								<div class="ui two column grid">
									<div class="column">
										<i class="sort icon"></i><span>分类</span>
									</div>
									<div class="right aligned column">
										<a href="/zh-CN/types/-1" target="_blank">more <i class="angle double right icon small"></i></a>
									</div>
								</div>
							</div>
							<!-- 内容 -->
							<div class="ui violet segment">
								<div class="ui fluid vertical menu">
									<a href="/zh-CN/types/1" class="item">
										<span>Chicken,Duck,Goose</span>
										<div class="ui blue left pointing label">16</div>
									</a>
								</div>
								<div class="ui fluid vertical menu">
									<a href="/zh-CN/types/2" class="item">
										<span>Horse,Cow,Sheep</span>
										<div class="ui blue left pointing label">0</div>
									</a>
								</div>
								<div class="ui fluid vertical menu">
									<a href="/zh-CN/types/3" class="item">
										<span>Cat,Dog</span>
										<div class="ui blue left pointing label">0</div>
									</a>
								</div>
								
							</div>
						</div>

						<!-- 标签 -->
						<div class="ui segments m-margin-top-large">
														
							<!-- 头部 -->
							<div class="ui secondary segment">
								<div class="ui two column grid">
									<div class="column">
										<i class="tags icon"></i><span>标签</span>
									</div>
									<div class="right aligned column">
										<a href="#" target="_blank">more <i class="angle double right icon small"></i></a>
									</div>
								</div>
							</div>
							
							<!-- 内容 -->
							<div class="ui red segment" id="tags" style="width: 100%; height: 200px;">
								
							</div>
						</div>
						
						<!-- 最新推荐 -->
						<div class="ui segments m-margin-top-large">							
							<!-- 头部 -->
							<div class="ui secondary segment">
								<i class="bookmark icon"></i><span>最新推荐</span>
							</div>
							
							
						</div>
						
					</div>
				</div>
			</div>
			
			
			
			
		</div>
		
		<!-- 底部 -->
		<footer class="ui inverted vertical segment m-padded-tb-large">
        <div class="ui center aligned container">
            <div class="ui inverted divided stackable grid">
                <div class="three wide column">
                    <div class="ui inverted link list">
                        <div class="item">
                            <img src="/images/weichat.jpg" class="ui rounded image" alt="" style="width: 110px;">
                        </div>
                    </div>
                </div>
                <div class="three wide column">
                    <h4 class="ui inverted header m-text-thin m-text-spaced">最新Blog</h4>
                    <div id="newblog-container">
                        <div class="ui inverted link list">
                            
                            
                        </div>
                    </div>
                </div>
                <div class="four wide column">
<!--                    <h4 class="ui inverted header m-text-thin m-text-spaced">联系我</h4>-->
<!--                    <div class="ui inverted link list">-->
<!--                        <a href="https://gitee.com/manster1231" target="_blank" class="item">Gitee：https://gitee.com/manster1231</a>-->
<!--                        <a href="#" class="item">Email：manster1231@163.com</a>-->
<!--                        <a href="#" class="item">QQ：1249041911</a>-->
<!--                    </div>-->
                </div>
                <div class="six wide column">
                    <h4 class="ui inverted header m-text-thin m-text-spaced">HHHM-BLOG</h4>
                    <p class="m-text-thin m-text-spaced m-opacity-mini">myblog，有关我所知道的一切都愿与你交流</p>
                </div>
            </div>
            <div class="ui inverted section divider"></div>
            <p class="m-text-thin m-text-spaced m-opacity-tiny">CopyRight © 2021 - 2026 myblog</p>
        </div>
    </footer>
		
<script async src="https://www.googletagmanager.com/gtag/js?id=G-1QPG6P3RRW"></script><script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-1QPG6P3RRW');
    </script><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1034620181802822"
         crossorigin="anonymous"></script>
        <script src="/js/jquery-3.3.1.js"></script>
        <script src="/js/semantic.min.js"></script>
        <script src="/plugins/prism/prism.js"></script>
        <script src="/plugins/prism/prism-toolbar.js"></script>
        <script src="/plugins/prism/prism-copy-to-clipboard.js"></script>
        <script src="/plugins/tocbot/tocbot.js"></script>
        <script src="/plugins/qrcode/qrcode.js"></script>
        <script src="/plugins/scrollTo/jquery.scrollTo.min.js"></script>
        <script src="/plugins/waypoint/jquery.waypoints.min.js"></script>
        <script src="/js/snow.js" ></script>
        <script src="/plugins/jqcloud/jqcloud.min.js"></script>
        <script>
            $('#newblog-container').load(/*/footer/newblog*/"/footer/newblog");
            
            // 初始化语言切换下拉菜单，使用悬浮触发
            $('.ui.dropdown').dropdown({
                on: 'hover'
            });
        </script>
        <!-- 广告脚本 -->
        <script src="https://pl30170761.effectivecpmnetwork.com/58/8d/d5/588dd52c678ace50c82cac15325142eb.js"></script>
    

		<script>
			$('.menu.toggle').click(function(){
				$('.m-item').toggleClass('m-mobile-hide');
			});

			let words = [];
			let tags = [{"id":1,"name":"Chicken","blogs":[{"id":1,"title":null,"content":null,"firstPicture":null,"flag":null,"views":null,"appreciation":false,"shareStatement":false,"commentabled":false,"published":false,"recommend":false,"createTime":null,"updateTime":null,"typeId":null,"userId":null,"description":null,"tagIds":null}]}];
			for (let i = 0; i < tags.length; i++) {
				obj = new Object();
				obj.text = tags[i].name;
				obj.weight = tags[i].blogs.length;
				//obj.link = "/search?search=" + tags[i].id + "&isLabel=1";
				words.push(obj);
			}


			//云标签样式操作
			$("#tags").jQCloud(words, {
				delay: 50,
				colors: ["#0000FF", "#1E90FF", "#00BFFF", "#87CEEB", "#87CEFA", "#FF3030", "#4F4F4F", "#FF1493", "#A020F0"],
				fontSize: {
					from: 0.1,
					to: 0.02
				}
			});
		</script>
		<script src="https://pl30170761.effectivecpmnetwork.com/58/8d/d5/588dd52c678ace50c82cac15325142eb.js"></script>
	</body>
</html>
